WEB Signal 166
Safari Technology Preview 252 adds unprefixed user-select and named-feature() to CSS support
Safari Technology Preview 252 ships with new CSS features and fixes for accessibility, animations, and grid layout bugs
Engineers testing bleeding-edge web standards on macOS can now use unprefixed user-select and the named-feature() function in @supports conditions. The release also resolves long-standing animation and grid layout bugs that could break responsive designs or accessibility trees.
Written by elseif from the cluster below · every claim links back to a sourceThe three things worth knowing
Unprefixed user-select CSS property is now supported, removing the need for -webkit- prefixes in new code
The named-feature() function in @supports conditions allows runtime checks for specific CSS features
Multiple animation and grid layout bugs are fixed, improving rendering consistency across Safari and other browsers
THE READ
What the cluster adds up to.
Safari Technology Preview 252 introduces two CSS features that reduce vendor prefixing. The unprefixed user-select property simplifies code that previously required -webkit-user-select, while the named-feature() function in @supports conditions enables more granular feature detection. These changes align Safari with other modern browsers, reducing cross-browser inconsistencies for engineers testing new CSS standards.
The release addresses several animation bugs that could cause visual glitches or performance issues. Fixed issues include incorrect frame rate alignment for new animations, misaligned timeline boundaries for sticky elements, and improper acceleration of width/height animations. These fixes improve the reliability of scroll-linked animations and view timelines, which are increasingly used in modern web applications.
Grid layout and line-clamp implementations receive multiple fixes, resolving issues like subgrid columns ignoring parent grid distribution, margins not contributing to intrinsic sizes, and unexpected ellipsis rendering. These changes affect responsive layouts and text truncation, where small rendering differences could break designs or accessibility features. Engineers can now expect more consistent behavior across Safari and other browsers.
Accessibility improvements focus on correct accessible name computation, particularly for display: contents elements and list markers. These fixes ensure screen readers interpret content structure accurately, which is critical for compliance with accessibility standards. The changes also prevent text duplication in accessible names, improving the user experience for assistive technology users.
The release is available for macOS Golden Gate and macOS Tahoe, with updates delivered through System Settings. Engineers testing new web features or debugging Safari-specific issues can use this preview to validate their code against upcoming WebKit changes. The fixes and additions reflect ongoing work to align Safari with evolving web standards, though some features may still require testing across other browsers.
Written by elseif from the cluster below · checked for specifics the sources never containedTHE CLUSTER
↗