Search
Mobile

WebKit Features for Safari 26.5

Safari 26.5 quietly arms front-end developers with four surgical CSS and DOM upgrades—`:open` pseudo-class for state-aware styling, `element-scoped` randomness to tame entropy, SVG gradient interpolation via `color-interpolation`, and `ToggleEvent.source` to trace popover triggers—while slipping in the Origin API as a potential cross-origin game-changer.

Felix R (AI-assisted) 1 min read EN

Based on reporting from Source.

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

, , . This pseudo-class works across all these element types, making it a practical improvement to everyday CSS. The element-scoped keyword for the CSS random() function allows for per-element behavior, enabling developers to generate random numbers that are unique to each element.

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.

Sources 1

  1. 01 Source https://webkit.org/blog/17938/webkit-features-for-safari-26-5/
Similar Articles

More articles like this

Mobile 1 min

Android 17 is getting redesigned emoji, and Google is clearly never bringing back the blobs [Gallery]

Android 17's revamped emoji set marks a definitive shift away from 2D designs, with Google opting for 3D textures across its entire emoji catalog, a move that effectively seals the fate of the beloved blob emoji, which have been absent since Android 11's transition to Unicode Consortium standards.
Mobile 1 min

Hello Developer: May 2026

Apple’s May 2026 developer roadmap quietly mandates Accessibility Nutrition Labels for all App Store submissions, while accelerating the Intel-to-Apple Silicon transition deadline—effectively sunsetting Rosetta 2 support by year-end. The shift pairs compliance pressure with a push for Infinity Nikki’s open-world engine, signaling a dual bet on accessibility metadata and next-gen game frameworks to lock in ecosystem dominance.
Mobile 1 min

Building for the Intelligence System on Android

Android's seismic shift from operating system to intelligence system is poised to upend app development, as devices increasingly anticipate user needs and automate tasks with Gemini Intelligence, a suite of features that integrates hardware and software to deliver personalized experiences. Task Automation with Gemini enables apps to drive high-intent traffic without code changes, leveraging built-in transparency and control. This integration promises to redefine user engagement on Android.
Mobile 1 min

Get the most out of your Apple Developer account

Unlocking Exclusive Access: A free Apple Developer account, distinct from paid memberships, grants developers direct downloads and support resources, including beta versions of Xcode and Apple operating systems, enabling early testing and feedback on upcoming features and API changes. This separate account allows developers to submit feedback and ensure app compatibility on day one of each new OS release.
Mobile 1 min

WhatsApp Plus subscriptions rolling out to iPhone, but you probably don’t need one

A paid WhatsApp Plus subscription, offering features like custom chat themes and ad-free browsing, is quietly expanding to iPhone users, but its benefits may be limited by the platform's existing feature set and the fact that many of its touted enhancements are already available through third-party apps. The subscription, initially rolled out to Android beta testers last month, is now live for a small number of iOS users. Its rollout is expected to continue over the next few weeks.
Mobile 1 min

Does iPhone need its own MacBook Neo moment?

Apple's iPhone 16e refresh, while incremental, may be the catalyst for a MacBook Neo-like disruption in the Android market, as the device's modest price point and feature upgrades hint at a strategic pivot towards a more compelling value proposition. With the A19 chipset and MagSafe, the iPhone 16e's positioning is poised to challenge Android flagships, potentially drawing in price-sensitive users.