Safari 26.4 Drops Major Web Technology Updates: CSS Grid Lanes, WebTransport, and Keyboard Lock API
By • min read
<p><strong>Breaking News</strong> — Apple’s WebKit team today released Safari 26.4, a sweeping update that delivers 44 new features, 191 bug fixes, and one deprecation. The release brings long-anticipated capabilities to the web platform, including <strong>CSS Grid Lanes</strong> for masonry-style layouts, <strong>WebTransport</strong> as a modern alternative to WebSocket, and the <strong>Keyboard Lock API</strong> for enhanced keyboard shortcut control.</p>
<h2 id="key-features">Key Features</h2>
<p><strong>CSS Grid Lanes</strong> finally brings native masonry-style layouts to the web, enabling developers to build rich visual galleries and flexible grids without workarounds. “It’s a long-awaited solution for building rich visual galleries and much more,” the WebKit team said in a statement.</p><figure style="margin:20px 0"><img src="https://webkit.org/wp-content/uploads/gridlanes-for264-light.webp" alt="Safari 26.4 Drops Major Web Technology Updates: CSS Grid Lanes, WebTransport, and Keyboard Lock API" style="width:100%;height:auto;border-radius:8px" loading="lazy"><figcaption style="font-size:12px;color:#666;margin-top:5px">Source: webkit.org</figcaption></figure>
<p><strong>WebTransport</strong> offers a low-latency alternative to WebSocket, promising better performance for multiplayer games, live collaboration tools, and video conferencing. “WebTransport opens the door to low-latency experiences like multiplayer games and improved video conferencing,” a WebKit engineer noted.</p>
<p>The <strong>Keyboard Lock API</strong> gives web apps more control over keyboard shortcuts, allowing full-screen applications to capture keys that were previously reserved by the browser. This feature is expected to improve productivity tools and interactive web apps.</p>
<h2 id="developer-feedback">Developer Feedback Drives Changes</h2>
<p>The release reflects <strong>2025 developer survey</strong> results, where developers asked for more time to catch up with new features and demanded consistent cross-browser behavior. “We hear you loud and clear,” the WebKit team stated. “You asked for browser engineers working on WebKit to help you by squashing bugs and closing gaps in spec coverage.”</p>
<p>Most features in Safari 26.4 are not entirely new; many update existing features to align with the latest web standards. For example, WebKit originally shipped the <strong>CSS <code>min()</code> and <code>max()</code> functions</strong> in 2018, nearly two years before any other browser. However, until now, these functions could not be used inside the <strong>HTML <code>sizes</code> attribute</strong> for responsive images. Safari 26.4 removes that limitation.</p>
<h2 id="bug-fixes-and-layout-rewrite">Bug Fixes and Layout Engine Rewrite</h2>
<p>WebKit engineers fixed <strong>hundreds of bugs</strong> across the platform, with deep improvements to <strong>SVG, Tables, MathML, and CSS Zoom</strong>. The multi-year rewrite of the layout engine continues: <strong>Blocks-in-inline layout</strong> is now complete, work on <strong>Flexbox</strong> carries on, and a rewrite of <strong>CSS Grid</strong> has begun.</p><figure style="margin:20px 0"><img src="https://webkit.org/wp-content/uploads/gridlanes-inspector-light-scaled.webp" alt="Safari 26.4 Drops Major Web Technology Updates: CSS Grid Lanes, WebTransport, and Keyboard Lock API" style="width:100%;height:auto;border-radius:8px" loading="lazy"><figcaption style="font-size:12px;color:#666;margin-top:5px">Source: webkit.org</figcaption></figure>
<p>“We are continuing our multi-year rewrite of the layout engine,” the team confirmed. “Blocks-in-inline layout is complete in Safari 26.4, work on Flexbox continues, and we’ve now begun rewriting CSS Grid.”</p>
<h2 id="background">Background</h2>
<p>WebKit is the browser engine powering <strong>Safari</strong> and all web views on Apple platforms, including iOS, iPadOS, macOS, visionOS, and watchOS. Safari updates are released periodically to improve performance, security, and web standards compliance. Safari 26.4 represents a significant step in addressing long-standing developer requests and aligning with emerging web standards.</p>
<h2 id="what-this-means">What This Means</h2>
<p>For web developers, Safari 26.4 reduces the need for third-party libraries and polyfills. CSS Grid Lanes alone can replace many JavaScript-based masonry solutions. WebTransport delivers lower latency for real-time apps, and the Keyboard Lock API enables more immersive web experiences. The focus on bug fixes and spec compliance means fewer cross-browser inconsistencies, giving developers more confidence in building for Safari.</p>
<p>“We care deeply about the experience people have when using Safari,” the WebKit team emphasized. “And we care about the experience people have when using any of the millions of iOS, iPadOS, macOS, visionOS, and watchOS apps that rely on web content.”</p>
<h2 id="how-to-report-issues">How to Report Issues</h2>
<p>The WebKit team encourages developers to test their sites in Safari 26.4 and report any remaining bugs at <a href="https://bugs.webkit.org" target="_blank">bugs.webkit.org</a>. “If something has been bothering you, it’s worth testing in Safari 26.4 to see if it’s been fixed,” the team said. “When multiple websites signal that something needs fixing, that helps.” Developers are asked to include links, code snippets, or reduced test cases to help prioritize fixes.</p>
<p><em>This story is developing. More details on individual features will follow.</em></p>