Apple Releases Safari Technology Preview 143 [Download]
LIKE
TWEET
SHARE
PIN
SHARE
POST
MAIL
MORE
Posted April 8, 2022 at 12:19am by iClarified
Apple has released Safari Technology Preview 143 for macOS Monterey and macOS Big Sur.
Safari Technology Preview offers a sneak peek at upcoming web technologies in macOS and iOS and lets you and experiment with these technologies in your websites and extensions.
RELEASE 143 Note: Tab Groups do not sync in this release.
Web Inspector ● Elements Tab ○ Added option in the Layout panel of the Details Sidebar for Flexbox overlays to show each item's CSS order and/or DOM index in the parent flex container (r290613) ● Service workers are no longer terminated while they are being inspected. (r291467)
CSS Container Queries ● Added support for nested container queries (r290257) ● Added basic support for container units (r291474) ● Changed to only apply inline-size containment when it is allowed (r291154) ● Ensured container style changes are propagated to descendants (r291500) ● Fixed getComputedStyle to update the style for invalid query containers (r290320) ● Fixed offsetWidth, offsetHeight, and similar to update layout for container queries (r290380) ● Implemented new container selection algorithm (r291098)
CSS Cascade Layers ● Added support for revert in @keyframes (r290457) ● Added support for revert-layer in @keyframes (r290729) ● Fixed revert on low-priority properties (r291260) ● Let revert-layer in the lowest layer roll back to user styles (r290864)
Subgrid ● Fixed computing the correct containing block override size for items that are subgridded in one dimension only (r290577) ● Converted grid direction to be relative to subgrid when accounting for extra margin (r290576) ● Handled reverse flow direction when converting iterator coords for a subgrid (r290572) ● Fixed subgrid items to always be stretched (r291464) ● Fixed positioning of position: absolute items within nested grids (r290674)
CSS ● Implemented text-decoration as a shorthand (r290756, r291244) ● Implemented logical properties for CSS overscroll-behavior (r290422) ● Fixed background-clip: text to work with display: flex (r291303)
JavaScript ● Added CalendarDateTime parsing (r290248) ● Fixed ShadowRealm unwinding (r290283) ● Fixed Temporal.PlainDate to validate input range (r290282)
Rendering ● Fixed image alt text bi-directional reordering (r290734) ● Fixed alt text position in right-to-left context (r290726) ● Fixed table sizing when colgroup comes after tbody (r290512) ● Fixed scrollbars disappearing when very long or wide (r290545) ● Handled perpendicular containing blocks when computing available logical height (r290634)
Web Animations ● Added support for passing an optional timeline to Element.animate() (r290655) ● Changed setting the composite property on a keyframe effect to invalidate the target style (r290741) ● Fixed inherit values should trigger keyframe recomputation if any previous effect has changed that property (r290831) ● Fixed keyframe values set to inherit to recompute their values when the inherited value changes (r290823) ● Fixed animating fill and stroke to or from currentColor (r290898) ● Fixed ::placeholder to not be a valid pseudo-element for a keyframe effect target (r290662) ● Fixed animations on modal dialog elements and ::backdrop to run more than once (r291282) ● Fixed outline-width with transition to animate correctly (r290735) ● Fixed text-emphasis shorthand to be animatable (r290895) ● Fixed text-emphasis-color to support non-discrete animations (r290887) ● Made changes to font-size recompute keyframes (r290730) ● Added support for discrete animation to: ○ background-blend-mode (r291041) ○ clip-rule (r291042) ○ color-interpolation (r291008) ○ color-interpolation-filters (r291043) ○ counter-increment (r291090) ○ counter-reset (r291099) ○ dominant-baseline (r291068) ○ fill-rule (r291100) ○ font-family (r291040) ○ font-feature-settings (r291039) ○ font-kerning (r291037) ○ font-synthesis (r291103) ○ font-variant-alternates (r291104) ○ font-variant-caps (r291119) ○ font-variant-east-asian (r291109) ○ font-variant-ligatures (r291114) ○ font-variant-numeric (r291147) ○ font-variant-position (r291115) ○ grid-template-areas (r291122) ○ line-break (r290885) ○ marker-end (r291226) ○ marker-mid (r291227) ○ marker-start (r291228) ○ mask-clip (r291130) ○ mask-composite (r291159) ○ mask-mode (r291160) ○ mask-origin (r291148) ○ mask-repeat (r291161) ○ mask-type (r291158) ○ quotes (r291128) ○ scroll-behavior (r291129) ○ shape-rendering (r291171) ○ stroke-linecap (r291163) ○ stroke-linejoin (r291164) ○ text-anchor (r291166) ○ text-decoration-skip-ink (r290886) ○ text-emphasis-style (r290888) ○ text-rendering (r291157) ○ vector-effect (r291170)
SVG ● Fixed clamping animated values to the 0-1 range for: ○ fill-opacity (r290568) ○ flood-opacity (r290571) ○ stop-opacity (r290569) ○ stroke-opacity (r290570)
Scrolling ● Allowed history swipe in scroller with overscroll-behavior (r291497) ● Fixed incorrect painting when scrolling a page with fixed backgrounds (r290785) ● Fixed scroll animation when scroll snap scroller is navigated with the keyboard (r290548, r290625) ● Fixed element with position: sticky after sticking, starting to move incorrectly when scrolling (r290812)
WebAuthn ● Added support for authenticatorSelection.residentKey (r291176) ● Added fallback to attestation=none if requested but unavailable for platform authenticator (r290539) ● Enabled using WebAuthn within cross-origin iframe elements (r291018) ● Improved virtual authenticator support ( r291423 , r291321)
WebGL ● Fixed WebGL rendering incorrect results when using preserveDrawingBuffer (r291218)
HTML ● Enabled the inert attribute by default (r290587)
Web API ● Enabled the Permissions API by default (r291116, r290301) ● Fixed mousemove events double-firing in Safari (r290743) ● Fixed rendering when loading a USDZ as the main resource (r290562) ● Fixed CORS preflight failing due to cache-control header (r290507) ● Fixed PerformanceNavigationTiming Response Start being unavailable when using Service Worker Cache (r291441) ● Fixed buffered flag not working in Paint Timing (r290247) ● Fixed load event never firing after a form is submitted (r290841) ● Fixed WebSocket.send() to synchronously update bufferedAmount (r290995) ● Made input element UA shadow tree creation lazy (r290284) ● Made pointer-events checks for SVG take in account inert subtrees (r290306) ● Removed the 1ms minimum for setTimeout (r291476)
Media ● AudioContext will continue playing when minimizing or moving the macOS Safari window to the background (r291267) ● Fixed scrambled output for some WebM videos with VP8 codec (r291216) ● Implemented remote-inbound-rtp packetsLost (r290865)
Accessibility ● Updated WebSpeech API support (r291124)
File System Access ● Changed to throw an exception if a file or directory cannot be accessed in file system (r291014) ● Disallowed empty name in FileSystemHandle (r290998) ● Disallowed names that are not permitted by the underlying file system (r291057) ● Fixed fetching website data that may get a wrong or missing record after migrating data to general storage directory (r290239, r290233)
Web Extensions ● Fixed cookie expiration dates so they are not off by 30 years
You can download Safari Technology Preview 143 from the link below...