Probleem met de lay-out van de onderwerp-pagina op iOS 15

[Don]

Hello

I am on iPhone 6s iOS 15.8.3 and on the topic page the layout seems has some issue on meta I didn’t update my site yet so I don’t know it happens only on meta… I didn’t have time to check the commits yet…

And also noticed the footer nav is not blurred anymore…

I’ve noticed also I can move the whole page side ways. (It seems this is only happens in DiscourseHun and PWA)

It’s probably already discussed on meta, if yes please feel free to move this to the related topic.

Thanks

[pmusaraj (Penar Musaraj)]

Seeing the same, feels like a regression from recent commits, no repro on a site deployed on a commit from 4 days ago. We will look into it. Thanks!

[pmusaraj (Penar Musaraj)]

@Don

And also noticed the footer nav is not blurred anymore…

This I can’t repro on either Hub or PWA.

[Don]

It seems it’s going to be a support problem. I connected my phone to the mac and inspect the PWA.

Checked caniuse and it seems it requires the -webkit- prefix on my iOS version.

Yep, adding -webkit- prefix fixed it.

[awesomerobot (Kris)]

This should fix it soon: UX: set mobile read state indicator to static size to avoid overflow by awesomerobot · Pull Request #30910 · discourse/discourse · GitHub

Seems maybe related to a font change? haven’t narrowed it down specifically

[david (David Taylor)]

This will fix some more layout issues on older iOS versions:

FIX: Enforce 'prefix' notation for media-query ranges

And the prefix for backdrop-filter:

FIX: Restore footer-nav backdrop-filter for iOS < 18

[Don]

Thanks for the quick fixes. Works great now