A CSS property that arrived in Safari in March already has a new name. Safari 27.2, which Apple’s WebKit team detailed Monday, switches Grid Lanes from flow-tolerance to fit-tolerance after the CSS Working Group decided the new name better describes what the property does.
The old name will keep working for now as a deprecated alias. “Be sure to update your code soon,” Jen Simmons wrote in the WebKit post, adding that Safari Web Inspector can mark what needs to be changed.
Select menus get a styling shortcut
The other change is in Customizable Select, which first landed in Safari 27.0. It added a <selectedcontent> element for more control over what the select button displays, though developers aren’t required to use it. Safari 27.2 adds a ::field-content pseudo-element that styles the text of the selected option on the page without that element.
WebKit also adjusted several default styles for appearance: base-select. The button’s contents center vertically more reliably, and the selected option text now inherits text-overflow from the <select>. The button uses flex: 1 to manage spacing instead of margin-inline-start: auto on ::picker-icon, so the picker icon stays visible even without <selectedcontent>. A large picker that could previously render partly outside the viewport is now kept in view through safe alignment, part of a broader change under which safe keeps absolutely and fixed positioned boxes inside their original containing block.
The release also carries 20 bug fixes. One affects sites whose hostname is CNAMEd to a different registrable domain: cookies set by a top-level navigation’s own response had been capped at a seven-day lifetime, and that cap no longer applies. Media developers get fixes for AudioContext.decodeAudioData() failing with an EncodingError on valid AAC/M4A files and for the WebCodecs VideoEncoder stalling on H.264 Main and High profiles. Another fix stops Safari from taking keyboard focus from other apps when it creates tabs or captures screenshots under Safari MCP control.
Safari 27.2 ships with iOS 27.2, iPadOS 27.2, visionOS 27.2 and macOS 27.2 Golden Gate, and it is also available for macOS Tahoe and macOS Sequoia.
How much tolerance to give it
Developers renaming the property may want to revisit its value too. fit-tolerance sets how picky the browser is when it chooses where to put the next item. Columns whose content ends within that distance of each other are treated as tied, and the browser takes the first one. A higher value keeps consecutive items in neighboring columns, which WebKit says makes tabbing through content easier for sighted keyboard users watching focus move. The default is 1em, and the WebKit post says that “most of the time, you should increase this number significantly.”
from WebProNews https://ift.tt/yip0oCd
No comments:
Post a Comment