iOS 26.4 Safari problems

Hello

Looks like Apple’s latest WebKit is broken. I’m experiencing problems rendering pages (and animations) after updating to iOS 26.4. My internal website has some text clipped and animations either lagging or not showing at all.

Google Chrome on the same phone (iPhone Air) has some glitches too. Switching to Firefox fixes the problem.

FWIW, website is built with Sitely 6.1 and published on statichost,eu.

P.S.
I asked AI and it said (among other things): “there are definitely widespread reports of Safari rendering and animation issues with iOS 26.4. Multiple developers have flagged this exact problem.”

We are noticing issues (both in Sitely generated pages and in other websites), and have been able to fix a few. We’re close to releasing a 6.1.1 that includes fixes for iOS 26.4 brokenness, but in case what you found is different from what we fixed, it would be great if you could send your project file to swisstransfer.com – we’ll take a look and fix or confirm it’s fixed. Thanks.

Thanks Duncan. Here’s a demo of what’s happening. It’s not the project I’m working on but it’ll demonstrate the problems clearly.

I published it under:

https://ios-webkit-bugs.statichost.page

The project file is under:

On desktop and iPad (even with iPadOS 26.4) it works fine. However, different iOS versions/browsers will exhibit different behavior. Please check the following:
The hamburger menu (text disappears with 26.2 and 18.5)
Note the cut text (animated text on the second box 26.4)
The text colors (26.2 and 18.5)
The behavior of the icons (lightspeed animation) varies with iOS versions/browsers. Second row doesn’t show up on Safari 26.4
Washed up colors for the title and some of the background boxes (26.2 and 18.5)

Strangely, it all works fine on an iPhone 12 with iOS 16.7.15!
I should mention that I didn’t try publishing to a local server or another service and my tests are limited to the above.

Good luck :slightly_smiling_face:

Thanks. These are not iOS 26.4 issues. The problem is in the project setup, you have both dark and light mode set up, but in the light mode you have not updated the colors, so when you are on a dark mode device everything looks fine, when you are on a light mode device you see the issues, but they’re only color issues that you can fix by switching to light mode in the canvas and changing the colors as you need them.

What about this… same site, differnt browsers, only on handys…no problems on desktop, not on tablet:

in iOS 26.3.x:

in iOS 26.4 (nothing changed on the site, tested in 3 Browsers:

Good catch, Duncan. I must’ve messed it up (don’t recall using it before) and it coincided with the iOS update. Thanks.
I still believe that there’re some animations glitches.

Please do showcase them in another test project, if you isolate them. Thanks!

Duncan, please check this example and see if it’s the same for you:

For me, Safari 26.4 is not behaving. Firefox on the same phone works fine.

Please share the project file for this.

Here it is: