Apple Releases Safari Technology Preview Version 139
Apple has published a new version for Safari Technology Preview, the experimental browser that was first launched by Apple in March 2016. The “Safari Technology Preview” was created by Apple to evaluate technologies that may be included in future versions of Safari.
Bug fixes and performance improvements are included in Safari Technology Preview version 139 for Web Inspector, CSS, Web Animations, Rendering, SVG, WebAuthn, Web API, JavaScript, Content Information Protection, Media, Service Workers, Web Extensions, and more.
Safari 15 features included in macOS Monterey are included in the current Safari Technology Preview version, which is based on the Safari 15.4 update.
Anyone who has installed the browser can get the Safari Technology Preview update via the Software Update mechanism in the Options Menu. The Safari Technology Preview page has a complete list of updated release notes.
Apple’s purpose with Safari Technology Preview is to get feedback on its browser development process from developers and users. Although it is targeted at developers, Safari Technology Preview can be used alongside the existing Safari browser and does not require a new app to download.
Safari Technology Preview Release Notes
Release 139
In this release, Tab Groups do not sync.
Web Inspector
Elements Tab
- CSS autocomplete now includes revert-layer (r287636)
- In the gradients editor, auto-completion and CSS conic gradients are now supported (r287409)
- In dark mode, Significantly improved the visibility of the gradient editor angle input (r287408)
Sources Tab
- A symbol for the collapsed black boxed portion has been added (r287586)
- Fixed the continuous expansion of a collection of black-boxed call frames (r287590)
CSS
- On media query analysis, fixed CSS Cascade Layers provided in import rules cannot be reordered (r286972)
- For CSS Cascade Layers, revert-layer was fixed to revert the style property to the standard author style (r287018)
- Using the margin box inside a flexbox, fixed perfectly positioned children can be aligned (r287064)
- In orthogonal flows, compute In line Preferred Logical Widths using the right margins (r286952)
- Focus-visible not matching on access has been fixed.
- After focusing something with the mouse, switch to key focus (r287563, r287662)
- When align-items, the fixed flexbox ignores the margins of absolute positioned children: justify-content or flex-end: flex-end (r287128)
- When there is no color supplied for the drop-shadow filter, it now uses the value of the color property (r287817)
- Fixed the transform property to take the transform reference box into account (r287606)
- Text in fixed inline blocks with min-width and box-sizing: border-box to take the border into account when calculating width (r287779)
- The color of the text-decoration did not change after the input blur was removed, therefore it was fixed (r287674)
- The text-combine-upright attribute (a standard version of -web kit-text-combine) has been implemented (r287487)
- (-web kit-text-combine) is now an inheritable property (r287451)
- The (-web kit-print-color-adjust) CSS attribute is unprefixed (r287712)
- The non-standard (-web kit-background-composite) attribute has been removed (r287433)
- Non-standard (-web kit-margin-*-collapse) attributes were removed (r287429)
:has()
- For: disabled, enabled, valid, and: invalid, style invalidation has been included (r287445, r287551)
- Due to style sharing, has() was matching the erroneous items (r287362)
- With toggling :checked, the has() selector was invalidated (r287363)
- To swiftly reject :has() selections, Simply used a bloom filter (r287091)
Web Animations
- In the calculated style, the animation shorthand attribute has been added (r287535)
- Before canceling the previous changeover, the reversal factor was changed to be computed (r287548)
- Changed transitions that don’t have an explicit transition property aren’t taken into account (r287764)
- Shorthand for animations has been fixed to interpret values in the correct sequence (r287509)
- When serializing, the animation shorthand now lists all longhand values (r287534)
- Fixed a bug where executing set Keyframes() on a running CSS Transition had no effect right away (r287549)
- Changed the effect of a transition such that it was no longer marked as running (r287550)
- For a CSS Animation, get Keyframes() was changed to not use a computed style for keyframes (r287820)
- Fixed get Keyframes() to guarantee that all properties are present on keyframes with 0% and 100% keyframes (r287518)
- When there are no animatable properties in the @keyframes rule, get Keyframes() now returns an empty object (r287517)
- When a rule is inserted within a @keyframes rule, the animations should now be updated (r287707)
- Inserting a new @keyframes rule to start animations with the same name was fixed (r287769)
- Fixed an implicit keyframe for a CSS Animation so that the underlying style is always used (r287827)
- With a single keyframe, fixed interpolation for the filter property fails (r287826)
- During processing, the transformation property’s function was fixed to remove the trailing 0 value (r287822)
Rendering
- To compute the appropriate logical width inside a flexbox, switched to pre-layout orthogonal children (r287263)
- CSS text decorations’ paint order has been fixed (r286955)
- When paired with box-sizing: border-box and padding, the improper percent-based height inside the display was fixed. (r287063)
- Calculation of fixed aspect-ratio size (r287023)
SVG
- SVG resource invalidation mechanism that was causing improper layout state has been fixed (r287076)
Web Authenticator
- Modified to allow get() for a cross-origin, same-site i frame (r286993, r287116)
- When internal confirmation fails and the authenticator is blocked, it now falls back to the client PIN (r287315)
Web API
- Support for using a user-specified preference before the system’s default color scheme has been added (r287030)
- The submitter was not included in the Form Data created in the forms submit event listener (r286988)
- Text Decoder has been improved to detect invalid UTF-8 sequences more quickly (r287024)
Java Script
- Array. prototype with aligned elements. ECMA402 definition of function to Locale String() { [native code] } (r287560)
- Intl. Fixed
- Input validation with Plural Rules. select Range (r287546)
- Intl. has a preset length.
- Intl. Number Format. format Range and Number Format. format Range are two methods that can be used to format numbers
- Plural Rules. select Range is a method for selecting a range of values from a list of values (r287543)
Content Security Policy
- When testing hashes, the content is now always encoded in UTF-8 (r287270)
- For module scripts, CSP strict-dynamic was implemented (r287756)
Media
- Support for the bits Per Second parameter in Media Recorder has been added (r287613)
- Changed to avoid audio samples with discontinuity from being grouped together (r287249)
Read Also-
Service Workers
- Interception of fetch requests with Form Data body by Service Workers is now fully supported (r287612)
- Fetch Request has been fixed.
- To avoid having to call clone with the current context (r287532)
Web Extensions
- Declarative Net Request now supports the redirect rule type, which necessitates granting host rights to the host of the URL being redirected.
- Declarative Net Request. get Matched Rules has been added, which requires host access to view the URLs of prohibited resources.
Get a sneak peek at the most recent developments in Safari web technologies, such as HTML, JavaScript, and CSS. The much more current edition of WebKit, the rendering engine that drives Safari, is included in Safari Technology Preview.
Safari Technology Preview can be updated directly from the Mac App Store. Every few weeks, updates are released that include the most recent version of Web Kit.
Modify, debug, and optimize your websites with the latest edition of the sophisticated Web Inspector and Responsive Design Mode.
Conclusion
On iPhone, iPad, and Mac, Safari is the best way to view websites. In macOS and iOS, Safari Technology Preview gives you an early look at forthcoming web technologies. Get the most up-to-date layout technologies, visual effects, developer tools, and more so you can help shape how they’re implemented and offer a best-in-class user experience across all Apple devices.
People May Ask
Why is there a safari technology preview?
Apple’s goal with Safari Technology Preview is to get feedback on its browser development process from creators and customers. While developed for developers, Safari Technology Preview may operate alongside the existing Safari browser and does not require a new account to download.
What is the difference between Safari and Safari technology preview?
On iPhone, iPad, and Mac, Safari is the best way to view websites. In macOS and iOS, Safari Technology Preview gives you an early look at forthcoming web technologies.
