Safari 26 is here!!! Anchor Positioning, Scroll-driven animations, High Dynamic Range images, the new HTML <model> element, the all-new Digital Credentials API, SVG icon support, WebGPU, WebKit in SwiftUI, every site can be a web app on iOS and iPadOS, and much more.

https://webkit.org/blog/17333/webkit-features-in-safari-26-0/

WebKit Features in Safari 26.0

We’re happy to share with you what’s arriving in Safari 26.0!

WebKit
@jensimmons ok super spooky, I was just complaining about how I wished the web had a UIKit-style constraints system. 🤯
@jensimmons Super excited to get my hands on Safari 26!
@jensimmons Some nice additions, I can’t wait to start using scroll-driven animations. Will older versions of MacOS be getting the update as well, or is it exclusive to MacOS 26?

@alextm Safari 26 works on macOS 26 (of course) and two years of macOS before that — so macOS Sequoia and macOS Sonoma. And scroll-driven animations is supported in all three.

You can update Safari by itself. Go to  > System Settings > General > Software Update [edit] and find Safari listed under ”Also Available”. (Once it’s out & your computer sees that it’s available.)

@jensimmons Fantastic. Thank you, and the rest of the Safari team!

@jensimmons @alextm I just checked for a Safari update after updating to the latest Sequoia (15.7), after noticing it is not included, and there's no 'more info' either, even after reloading several times.

All I get is the upgrade to Tahoe? I'm used to checking under 'more info', since that's also where updates to Safari Technology Preview, Xcode CLI Tools, etc. show up, but ... nothing.

Running 'softwareupdate --list' doesn't show anything extra either. Something something staggered rollout, perhaps?

--

UPDATE: It shows up now, along with the updated Xcode CLI Tools, as 'Also Available', so no need to click on anything to reveal them, which may be a new thing? 🙂

@sindarina @alextm ”Safari” will show up in the Also Available section once Safari 26.0 for macOS Sequoia is found by your computer. It can take a while for the news to arrive. I bet it’s listed today. Yes?

And yes, how it works changed! It’s no longer behind a “more” link.

@jensimmons @sindarina I just checked and I can see the Safari 26 update now. Thanks!
@jensimmons Sadly, there is an issue with Safari 26 on Sequoia though: I am unable to use Safari with compact tab bars enabled, clicking close/reload or even changing the address in an existing tab does nothing.
Can we get them unbroken again? I‘d like that extra vertical space back. :D

@jensimmons Really excited about JS-free tooltips becoming a reality 🎉

Related, I like to show a little tether arrow, I have a verbose way of doing that now but it would be great to have some sort of “::tether” pseudo-element.

https://goulet.dev/posts/tooltip-with-popover-anchor-positioning/

Making a Tooltip (with tether arrow) using Popover & Anchor Positioning

We can build a tooltip without any JS thanks to Popover API and Anchor Positioning. We can use clip-path to create a tether arrow that moves with the tooltip.

goulet.dev

@jensimmons Could WebKit do a technical writeup and/or demo page for the new privacy features?

I can't figure out how to reproduce or test them.

@jensimmons

Thank the team so much for the constant effort.

Alas, the celebrated couple – Safari's (and Web apps') toolbars and "theme-color" – are having another falling-out, are they? Would that they'd decide once and for all how they feel about each other.

(I suppose it's tempting to stray when the current object of one's attention has a good body and a respectable background.)

@jensimmons Is there any more info somewhere regarding SVG icons? Especially in regards to PWAs and “Add to Homescreen”. Is there a way to specify an icon for dark mode/tinted icons? Is the manifest.json always used? And/or are the <link rel="icon"> tags considered, too? That sort of thing…
@jensimmons Typo (in the blog post): "the is container 450px wide".

@jensimmons "there are now zero requirements for “installability” in Safari" - this is false statement. Still adding a web app to Home Screen on #iOS requires multiple clicks in menus and isn't intuitive. This is discriminating.

"Browser support started in November 2014, and Safari adopted in March 2018" - this summarizes how #Safari has long been lagging behind in supporting new features, e.g. #WebGPU has been supported in #Blink & #Gecko since 2023 and only now it's added to @webkit. So late!