# Topic page layout issue on iOS 15

**URL:** https://meta.discourse.org/t/topic-page-layout-issue-on-ios-15/348262
**Category:** Bug
**Created:** [January 21, 2025, 9:03pm UTC](https://meta.discourse.org/t/topic-page-layout-issue-on-ios-15/348262 "2025-01-21T21:03:44Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [January 21, 2025, 9:03pm UTC](https://meta.discourse.org/t/topic-page-layout-issue-on-ios-15/348262/1 "2025-01-21T21:03:44Z")

</div>

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 🙂

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [January 21, 2025, 9:38pm UTC](https://meta.discourse.org/t/topic-page-layout-issue-on-ios-15/348262/2 "2025-01-21T21:38:09Z")

</div>

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!

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [January 21, 2025, 10:01pm UTC](https://meta.discourse.org/t/topic-page-layout-issue-on-ios-15/348262/3 "2025-01-21T22:01:29Z")

</div>

> [@Don](#):
>
> And also noticed the footer nav is not blurred anymore…

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

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [January 21, 2025, 10:16pm UTC](https://meta.discourse.org/t/topic-page-layout-issue-on-ios-15/348262/4 "2025-01-21T22:16:35Z")

</div>

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

 ![Screenshot 2025-01-21 at 23.13.10](https://global.discourse-cdn.com/meta/original/4X/1/2/0/1200f42a34e71bac0942c28e5847170d32e8ab49.png)

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

 ![Screenshot 2025-01-21 at 23.14.24](https://global.discourse-cdn.com/meta/original/4X/8/c/2/8c291a9e1d92d7ebe4b98a2904634ab9f22c5f64.png)

Yep, adding `-webkit-` prefix fixed it.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [January 21, 2025, 10:26pm UTC](https://meta.discourse.org/t/topic-page-layout-issue-on-ios-15/348262/5 "2025-01-21T22:26:07Z")

</div>

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](https://github.com/discourse/discourse/pull/30910)

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

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [January 21, 2025, 11:34pm UTC](https://meta.discourse.org/t/topic-page-layout-issue-on-ios-15/348262/6 "2025-01-21T23:34:36Z")

</div>

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

[https://github.com/discourse/discourse/pull/30913](https://github.com/discourse/discourse/pull/30913)

And the prefix for backdrop-filter:

[https://github.com/discourse/discourse/pull/30914](https://github.com/discourse/discourse/pull/30914)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [January 22, 2025, 7:30am UTC](https://meta.discourse.org/t/topic-page-layout-issue-on-ios-15/348262/7 "2025-01-22T07:30:39Z")

</div>

Thanks for the quick fixes. Works great now 😊

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [January 22, 2025, 10:15am UTC](https://meta.discourse.org/t/topic-page-layout-issue-on-ios-15/348262/8 "2025-01-22T10:15:03Z")

</div>