Apple Releases Safari Technology Preview 224 – Brings Bug Fixes and Performance Improvements

Apple has released Safari Technology Preview 224, the latest version of their developer preview web browser. The preview version of Apple’s popular browser offers developers and other interested users the ability to try out features that may or may not, debut in future public release versions of Safari.

Safari Technology Preview‌ 224 includes fixes and updates for Accessibility, Animations, CSS, Forms, Images, Rendering, Text, Web API, Web Extensions, and Web Inspector.

The current ‌Safari Technology Preview‌ release is compatible with machines running macOS Sequoia and macOS Tahoe, the newest version of macOS that’s set to launch this later this year.

Overview

Safari Technology Preview Release 224 is now available for download for macOS Tahoe and macOS Sequoia. If you already have Safari Technology Preview installed, you can update it in System Settings under General → Software Update.

This release includes WebKit changes between: 296487@main…297035@main.

Accessibility

Resolved Issues

• Fixed VoiceOver failing to output newlines in certain circumstances when using caret navigation. (296690@main) (154368379)

Animations

New Features

• Added support for animation-range, animation-range-start, animation-range-end, and animation-timeline properties for ::marker. (296488@main) (154021467)

CSS

Resolved Issues

• Fixed “inherit” as a variable substitution fallback when setting custom property. (296918@main) (136463977)
• Fixed Anchor Positioning scroll compensation to be determined per-axis. (296908@main) (154762565)

Forms

Resolved Issues

• Fixed allowing the custom element itself to be passed as validation anchor in the setValidity() API. (296622@main) (154303420)
• Fixed the intrinsic size of number inputs when the spin button width is a percentage value. (296850@main) (154680747)

Images

Resolved Issues

• Fixed HTMLImageElement so that zoom does cause unwanted rounding of width and height. (296596@main) (150473104)

Rendering

Resolved Issues

• Fixed overflow: hidden to not clip filter: drop-shadow(). (296844@main) (72205047)
• Fixed <div contenteditable> within an <iframe> not scrolling into the viewport on receiving focus for the second time. (296523@main) (150521759)
• Fixed rendering an image with a filter and mix-blend-mode only getting filtered but not mixed. (296827@main) (152460888)
• Fixed inputs within inline-block containers shifting vertically when text is deleted and re-entered into an input. (296569@main) (154094432)
• Fixed baseline alignment participation to expand to items with automatic logical width in the alignment axis. (296665@main) (154311395)
• Fixed: Fixed grid containers incorrectly processing first-letter pseudo-elements when they should not contribute a first formatted line according to the CSS Grid specification. (296797@main) (154504582)
• Fixed grid items hit-testing order to align with painting order. (297001@main) (154990290)

Text

Resolved Issues

• Fixed content spacing for elements with text-align: justify and white-space: pre-wrap applied. (296618@main) (154211168)

Web API

New Features

• Added support for Element.currentCSSZoom. (296856@main) (136662584)
• Added support for userAgentAllowsProtocol in the Digital Credentials API. (296786@main) (153776127)

Resolved Issues

• Fixed setting innerHTML to correctly use a scoped custom element registry associated with the context object. (296637@main) (154333132)
• Fixed attachShadow throwing type error with a ShadowRoot document-fragment. (296853@main) (154658449)

Web Extensions

Resolved Issues

• Fixed allowAllRequests declarativeNetRequest rules so that a higher priority correctly overrides a lower-priority block rule. (296565@main) (152746422)

Web Inspector

New Features

• Added support for @starting-style. (296925@main) (153862298)

Resolved Issues

• Fixed Quick Open dialog to show results when an Inspector Bootstrap script exists. (296982@main) (154947309)

Share Tweet

Flip It

Reddit Pocket