Topic page layout issue on iOS 15

Hello :wave:

I am on iPhone 6s iOS 15.8.3 and on the topic page the layout seems has some issue on meta :confused: 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. :slightly_smiling_face:

Thanks :slightly_smiling_face:

5 Likes

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!

2 Likes

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

1 Like

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.

4 Likes

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

5 Likes

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

And the prefix for backdrop-filter:

4 Likes