What's New in Safari Technology Preview 241: Key Improvements and Fixes
By
<h2>Overview</h2>
<p>Safari Technology Preview Release 241 is now available for download on macOS Tahoe and macOS Sequoia. This latest version brings a host of enhancements, including important accessibility improvements, animation fixes, and CSS updates. If you already have Safari Technology Preview installed, you can update it through <strong>System Settings</strong> under <strong>General → Software Update</strong>. The release incorporates WebKit changes from revision 309287@main to 310186@main.</p><figure style="margin:20px 0"><img src="https://webkit.org/wp-content/themes/webkit/images/preview-card.jpg" alt="What's New in Safari Technology Preview 241: Key Improvements and Fixes" 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>
<h2 id="accessibility">Accessibility</h2>
<h3>Resolved Issues</h3>
<ul>
<li>The <code>speechSynthesis.cancel()</code> method no longer removes utterances queued by subsequent <code>speechSynthesis.speak()</code> calls, ensuring smoother speech experiences. (309349@main, 46151521)</li>
<li>MathML table rows and cells now have correct bounding boxes, improving screen reader accuracy. (309640@main, 172851295)</li>
<li>Comboboxes properly forward focus to their <code>aria-activedescendant</code>, enabling assistive technologies to interact with list items. (309641@main, 172931277)</li>
<li>The <code>aria-owns</code> attribute is now respected when computing accessible names from element content. (310020@main, 173249317)</li>
</ul>
<h2 id="animations">Animations</h2>
<h3>Resolved Issues</h3>
<ul>
<li><code>animation-fill-mode</code> now correctly applies viewport-based units after the viewport is resized, preventing visual glitches. (310007@main, 80075191)</li>
</ul>
<h2 id="css">CSS</h2>
<h3>New Features</h3>
<ul>
<li>Support for the <code>stretch</code> keyword has been added to box sizing properties, offering greater layout flexibility. (309405@main, 132539604)</li>
<li>CSS scroll anchoring is now stable, reducing unwanted page jumps during content loading. (310113@main, 171840378)</li>
</ul>
<h3>Resolved Issues</h3>
<ul>
<li>The U+2028 LINE SEPARATOR character now renders as a forced line break, as required by the CSS specification. (309701@main, 88470339)</li>
<li><code>outline-offset</code> is no longer inflated when using <code>outline: auto</code> on macOS, ensuring consistent appearance. (309812@main, 94116168)</li>
<li>Font-family serialization now preserves quotes around family names that match CSS-wide keywords or generic families, preventing parsing errors. (309959@main, 125334960)</li>
<li>Fonts are no longer downloaded if no characters in the document fall within their unicode-range, improving performance. (309360@main, 140674753)</li>
<li>Flex items containing percentage-height images now shrink correctly. (309544@main, 156902823)</li>
<li>View Transition snapshots are now stored in the correct color space instead of sRGB, fixing rendering issues with non-sRGB colors. (310012@main, 167634138)</li>
<li>Performance issue fixed: <code>contain: layout</code> caused slower forced layouts when all siblings created their own formatting context. (310173@main, 171545381)</li>
<li>Underlines are no longer split when a ruby base expands due to long ruby text. (309356@main, 171653095)</li>
<li>Changing <code>color-scheme</code> now correctly repaints the background of composited iframes. (309567@main, 171658244)</li>
<li>Nested children of a popover element with <code>position: absolute</code> now render properly. (310019@main, 171735933)</li>
<li><code>color: initial</code> now resolves to the correct color in dark appearance mode. (309430@main, 172320282)</li>
<li>An element with <code>display: contents</code> now establishes an anchor scope when using <code>anchor-scope</code>. (309946@main, 172355302)</li>
<li>Media queries no longer fail to resolve correctly, fixing a regression. (309430@main, 172320282)</li>
</ul>
<p>For a complete list of changes, refer to <a href="#accessibility">Accessibility</a>, <a href="#animations">Animations</a>, and <a href="#css">CSS</a> sections above.</p>