--- title: Safari Technology Preview 124 Release Notes framework: safari-technology-preview-release-notes role: article role_heading: Article path: safari-technology-preview-release-notes/stp-release-124 --- # Safari Technology Preview 124 Release Notes Preview the latest web technology updates including: Web Inspector, CSS, JavaScript, Web API, Rendering, Wheel Events, Web Driver, WebGL, WebRTC, WebCrypto, Scrolling, and Web Extensions. ## Overview Overview Safari Technology Preview Release 124 is now available for download for macOS Big Sur and macOS Catalina. If you already have Safari Technology Preview installed, you can update in the Software Update pane of System Preferences on macOS. This release covers WebKit revisions 274641-275811. Web Inspector Added autocomplete for experimental CSS Color values: hwb, lch, lab, color-mix, color-contrast (r275310) Changed grid overlay track size labels to show implicit auto value and no computed size (r275559) Fixed grid layout labels that were getting drawn outside the viewport (r275128) Fixed CSS Grid overlay track sizes when inline styles are applied to the element (r275293) Fixed a bug with more than two timeline recordings not showing a timescale (r275337) Fixed grid overlay areas appearing offset from their actual areas when the grid container has a border set (r275529) Fixed grid overlay to honor writing modes and RTL layout direction. (r275519) Fixed grid overlay line numbers showing implicit tracks with negative line numbers (r275558) Improved grid overlay label appearance (r275560) Removed the duplicate Box Model section from Layout panel in Elements Tab (r275545) CSS Accounted for cover and contain when interpolating background-size (r275202) Accounted for hanging and each-line when blending text-interpolation (r275224) Added support for animating the vertical-align CSS property (r275160) Animated pseudo element style resolved against wrong parent style (r275277) Fixed interpolation of the caret-color CSS property (r275092) Computed style for a border-radius corner should never be 0px when the provided width isn’t 0px (r275273) Enabled hanging and each-line keywords for the text-indent CSS property (r275199) Fixed align-content issues in Flexbox (r275416) Fixed max-height percentages getting wrongly resolved for replaced grid items in nested percentage flexboxes (r275758) Fixed min and max widths of grid affected by ancestor (r275754) Fixed initial horizontal scrollbar position when vertical scrollbar is on the left (r275811) Fixed max-content on tables with percentage cell widths (r275462) Improved interpolation of the shape-outside CSS property (r275015) Prevented negative heights in CSS Grid (r274933) Supported animation of the tab-size CSS property (r274939) Updated CSS Color 5 color-mix() implementation to match the latest draft spec (r274947) JavaScript Fixed Intl.Locale to not assume is8Bit (r274784) Fixed Object.freeze(this) at the global scope to not lose a reference to a WatchpointSet (r274882) Fixed RegExp interpreter not to match against non-BMP characters with multiple dots (r274806, r274945) Fixed incorrect Array toString() if join() is not callable (r275544) Web API Enabled the ability to prevent scrolling in Element.focus() (r274812) Implemented AbortSignal.abort() (r274773) Propagated user gestures through requestAnimationFrame just like setTimeout (r275187) ServiceWorker should save module scripts (r275751) Rendering Fixed aspect-ratio to recompute on hover (r275377) Implemented text rendering on OffscreenCanvas in a Worker (r275420) Wheel Events Allowed wheel events to trigger high frequency DisplayLinks (r275440) Web Driver Fixed SendKeys on returning element not found in some cases (r275050) WebGL Enabled Metal ANGLE backend for WebGL (r274927) WebRTC Implemented RTCDataChannel transfer (r274758) WebCrypto Fixed WebCrypto to support AES-GCM 0 byte encryption (r275535) Scrolling Fixed scrolling momentum with scroll-snap-type: x mandatory when the scroller scrolls vertically (r274853) Fixed scroll-snap-stop: always not respected during momentum scrolling (r274726) Web Extensions Allow wss:// URL in content_security_policy to allow extension pages to use WebSocket connections ## See Also ### 2021 - [Safari Technology Preview 137 Release Notes](safari-technology-preview-release-notes/stp-release-137.md) - [Safari Technology Preview 136 Release Notes](safari-technology-preview-release-notes/stp-release-136.md) - [Safari Technology Preview 135 Release Notes](safari-technology-preview-release-notes/stp-release-135.md) - [Safari Technology Preview 134 Release Notes](safari-technology-preview-release-notes/stp-release-134.md) - [Safari Technology Preview 133 Release Notes](safari-technology-preview-release-notes/stp-release-133.md) - [Safari Technology Preview 132 Release Notes](safari-technology-preview-release-notes/stp-release-132.md) - [Safari Technology Preview 131 Release Notes](safari-technology-preview-release-notes/stp-release-131.md) - [Safari Technology Preview 130 Release Notes](safari-technology-preview-release-notes/stp-release-130.md) - [Safari Technology Preview 129 Release Notes](safari-technology-preview-release-notes/stp-release-129.md) - [Safari Technology Preview 128 Release Notes](safari-technology-preview-release-notes/stp-release-128.md) - [Safari Technology Preview 127 Release Notes](safari-technology-preview-release-notes/stp-release-127.md) - [Safari Technology Preview 126 Release Notes](safari-technology-preview-release-notes/stp-release-126.md) - [Safari Technology Preview 125 Release Notes](safari-technology-preview-release-notes/stp-release-125.md) - [Safari Technology Preview 123 Release Notes](safari-technology-preview-release-notes/stp-release-123.md) - [Safari Technology Preview 122 Release Notes](safari-technology-preview-release-notes/stp-release-122.md)