Safari Technology Preview 241: 10 Crucial Enhancements and Fixes
Introduction
Apple has released Safari Technology Preview 241, a test version of its browser for macOS Tahoe and macOS Sequoia. This update brings a wealth of improvements, focusing on accessibility, CSS capabilities, and rendering accuracy. Already installed? You can update via System Settings under General → Software Update. Below, we break down the ten most significant changes in this release, covering everything from speech synthesis fixes to new layout features. Each item highlights a specific area where WebKit has been refined, ensuring developers and users alike can expect a smoother, more standards-compliant browsing experience.
1. Accessibility: Smoother Speech and Better Assistive Tech Support
This release tackles several accessibility issues. A key fix ensures that calling speechSynthesis.cancel() no longer removes utterances queued by later speechSynthesis.speak() calls—pronounced speech sequences now work as intended. Additionally, MathML table rows and cells now compute correct bounding boxes, aiding screen readers. Comboboxes properly forward focus to their aria-activedescendant, allowing assistive technologies to interact with list items. Finally, the aria-owns attribute is now respected when computing accessible names from element content, fixing a long-standing oversight for rich web applications.
2. Animations: Viewport-Based Units Now Respect animation-fill-mode
Animators and developers can breathe easier: animation-fill-mode now correctly applies viewport-based units (like vw or vh) after a viewport resize. Previously, resizing the browser window could cause animated elements to misbehave when fill mode was set to forwards or both with those units. This fix ensures that the animation's final state remains accurate regardless of viewport changes, making responsive animations more reliable and predictable.
3. CSS Box Sizing Gains the stretch Keyword
A new feature adds the stretch keyword to CSS box sizing properties (box-sizing and width/height). The stretch value lets elements fill the available space in their containing block, similar to how flex items stretch by default but now available for all elements. This is part of the CSS Box Sizing Level 4 specification, giving developers more control over how elements occupy space without relying on flexbox or grid.
4. CSS Scroll Anchoring Now Stable
After initial support in earlier previews, CSS scroll anchoring becomes a stable feature in this release. Scroll anchoring automatically adjusts the scroll position to prevent content from jumping when images or ads load above the viewport. This improvement reduces user disorientation and enhances reading experiences on content-heavy pages. Developers can now rely on this feature without prefixing or experimental flags.
5. Text and Unicode Rendering Fixes
Several rendering issues receive attention: the U+2028 LINE SEPARATOR character now correctly forces a line break per CSS spec. The font-family serialization preserves quotes around names that match CSS-wide keywords (e.g., "initial") or generic families. Additionally, a bug where fonts were downloaded even when no document characters fell within their unicode-range is fixed, saving bandwidth. Also, color: initial now resolves to the correct color in dark appearance mode, preventing unexpected text colors.
6. Flexbox and Layout Corrections
A flex container with a percentage-height image now shrinks correctly around that image—previously, the item could overflow or misalign. Another fix addresses a performance pitfall: contain: layout caused significantly slower forced layouts when all siblings created their own formatting context. This regression is resolved, improving performance on complex layouts. Additionally, outline-offset is no longer inflated for outline: auto on macOS, yielding more precise outlines on focus indicators.
7. View Transitions and Color Handling
View Transition snapshots were previously stored in sRGB, leading to rendering issues with non-sRGB colors (e.g., wide-gamut displays). This fix ensures snapshots retain their original color profile, preserving visual fidelity during transitions. Also, changing color-scheme now repaints the background of composited iframes—before, iframes could show a stale background after a theme switch, causing flickering or incorrect dark/light mode rendering.
8. Popover and Positioning Resolved
Nested children of a popover element failed to render when using position: absolute. This bug is now fixed, allowing proper nesting of absolutely positioned elements inside popovers. Additionally, an element with display: contents now establishes an anchor scope when using anchor-scope, which is crucial for CSS anchor positioning. This enables more complex popover and tooltip behaviors based on anchor references.
9. Underline and Ruby Text Refinements
A typographic fix prevents underlines from being split when a ruby base expands due to long ruby text. Ruby annotations are common in East Asian typography, and this ensures underlines remain continuous across annotated characters. Also, a regression where media queries could fail to resolve correctly is addressed, although not detailed in this release—developers should test media query-dependent layouts thoroughly.
10. Performance: Forced Layouts and Unnecessary Downloads
Beyond the contain: layout perf fix mentioned earlier, this release also improves performance by preventing unnecessary font downloads (as noted in item 5) and by reducing overhead in other areas. The combination of these fixes means that pages with complex CSS animations, many iframes, or extensive use of contain will see smoother interactions and faster load times. Developers are encouraged to profile their sites with this preview to catch any remaining regressions.
Conclusion
Safari Technology Preview 241 delivers a robust set of improvements—from critical accessibility corrections to new CSS features like stretch and stable scroll anchoring. Whether you are a web developer testing the latest standards or a user seeking a smoother browsing experience, this update is a significant step forward. Download or update today, and start exploring the refined capabilities. As always, report any issues to help shape future releases.
Related Articles
- Stack Overflow Launches Private Q&A Platform for Teams to Capture Institutional Knowledge
- Anthropic Unveils 'Dreaming' Feature for Claude Managed Agents: Scheduled Memory Review in Research Preview
- Terraform Registry Introduces Premier Partner Tier to Elevate Provider Quality and Security
- Musk Legal Team May Have Committed Critical Error During Testimony in Altman Trial
- Transform Your Google Home Mini into a Home Assistant Hub: A Step-by-Step Guide
- Mastering Sanctuary: A Step-by-Step Guide to Diablo 4 Interactive Maps
- 10 Key Considerations for Choosing Between Vibe Coding and Spec-Driven Development
- Bridging the Gap: How Design Awareness Can End Exclusion