Safari 26.5 introduces several new features for front-end developers, including the :open pseudo-class, element-scoped randomness for the CSS random() function, color-interpolation for SVG gradients, and the ToggleEvent.source property. The release also includes the Origin API, which exposes origin information as a structured Origin object.
Overview
The :open pseudo-class provides a clean way to style the open state of elements like
What it does
The color-interpolation attribute on SVG gradients enables linearRGB color space interpolation, producing more perceptually even color transitions. The ToggleEvent.source property includes a reference to the element that triggered the action, making it straightforward to coordinate behavior between a trigger and its target. The Origin API allows for same-site comparisons between origins without requiring string parsing.
Tradeoffs
The improvements in Safari 26.5 also include fixes for various issues, such as scroll-driven animations, anchor positioning, and hanging punctuation. The release continues the ongoing efforts to improve the quality of WebKit, with 63 bug fixes in total. While the new features and fixes enhance the browsing experience, some issues may still persist, and developers should test their websites and applications to ensure compatibility.
The practical takeaway from this release is that developers can leverage the new features and improvements to create more engaging and responsive web applications. By utilizing the :open pseudo-class, element-scoped randomness, and color-interpolation, developers can enhance the user experience and create more visually appealing interfaces. Additionally, the Origin API provides a more secure and efficient way to handle origin information, making it easier to develop secure web applications.