WebKit Features for Safari 26.5

Safari 26.5 introduces the CSS :open pseudo-class for styling open states of elements such as details, dialog, select, and input. It replaces inconsistent use of the [open] attribute selector by providing a single pattern that works across element types. For dialog, :open matches when the dialog is showing, regardless of showModal() or show(). For input, it applies when an associated picker is displayed, such as date or color pickers. For select, it matches when the drop-down is expanded. The release also includes improvements to CSS random(), SVG gradient color interpolation, popover ToggleEvent.source, and the Origin API, alongside 63 bug fixes spanning multiple web platform areas.

"The new :open pseudo-class in CSS provides a clean way to style the open state of elements like <details>, <dialog>, <select>, and <input>. Previously, you might have used the [open] attribute selector for <details> and <dialog>. It works on those elements, but doesn't work on <select> or <input>. Plus, it's an attribute selector doing the job better handled by a pseudo-class. Now :open provides a single, consistent pattern that works across all of these element types."

"For <dialog>, it now matches when the dialog is showing - whether opened with showModal() or show(). And for <input>, it applies when an associated picker is displayed, like a date or color picker. For <select>, :open matches when the drop-down is expanded. This is a practical improvement to everyday CSS. The progressive enhancement is straightforward - browsers that don't yet support :open simply won't apply those rules, and the underlying elements still function normally."

"Safari 26.5 is here, delivering the :open pseudo-class, the element-scoped keyword for random(), color-interpolation for SVG gradients, the ToggleEvent.source property for popovers, and the Origin API. Alongside new features, this release continues our ongoing efforts to greatly improve the quality of WebKit. There are 63 bug fixes in total - making this the biggest May release of WebKit yet."

"The improvements span SVG, WebRTC, networking, editing, and more. Scroll-driven animations and Anchor Positioning both get multiple fixes. Rendering at different zoom levels works better. And work continues improving the handling layout whenever a block-level element lives inside an inline element."

Read at WebKit