# iOS cutting off overflow of fixed dropdown in modals

**URL:** https://meta.discourse.org/t/ios-cutting-off-overflow-of-fixed-dropdown-in-modals/141810
**Category:** Bug
**Created:** [17 februari 2020 om 16:05 UTC](https://meta.discourse.org/t/ios-cutting-off-overflow-of-fixed-dropdown-in-modals/141810 "2020-02-17T16:05:13Z")
**Posts on this page:** 5
**Page:** 1

<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: [17 februari 2020 om 16:05 UTC](https://meta.discourse.org/t/ios-cutting-off-overflow-of-fixed-dropdown-in-modals/141810/1 "2020-02-17T16:05:13Z")

</div>

Doesn’t happen in Safari, Chrome, or Firefox on Desktop, so it seems like a bug in iOS with how `position: fixed;` is handled…

 ![Screen Shot 2020-02-17 at 10.13.28 AM](https://global.discourse-cdn.com/meta/original/3X/e/4/e4a016041049e5b77c7b2e0666e83cd2da7cce8c.png)

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [17 februari 2020 om 16:13 UTC](https://meta.discourse.org/t/ios-cutting-off-overflow-of-fixed-dropdown-in-modals/141810/3 "2020-02-17T16:13:12Z")

</div>

I will have a look dropdowns inside modals are ultra tricky.

Also transform might cause issues with z index.

---

<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: [17 februari 2020 om 16:20 UTC](https://meta.discourse.org/t/ios-cutting-off-overflow-of-fixed-dropdown-in-modals/141810/4 "2020-02-17T16:20:55Z")

</div>

ok, one thing that might help… it happens in the poll modal, but not with selecting a region in the dates modal

 ![Screen Shot 2020-02-17 at 10.04.06 AM](https://global.discourse-cdn.com/meta/original/3X/5/d/5db997b1e099b03296339a77fb8499e9518ab897.jpeg)

---

<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: [17 februari 2020 om 16:54 UTC](https://meta.discourse.org/t/ios-cutting-off-overflow-of-fixed-dropdown-in-modals/141810/6 "2020-02-17T16:54:05Z")

</div>

Fixed here

[https://github.com/discourse/discourse/commit/0c94e7b0896b6c3f2e27780fdbcb75fd527270b1](https://github.com/discourse/discourse/commit/0c94e7b0896b6c3f2e27780fdbcb75fd527270b1)

Adding `position: relative;` to `.modal-body` fixes it in iOS for some reason… definitely seems to be another iOS-specific quirk.

---

<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: [17 februari 2020 om 16:54 UTC](https://meta.discourse.org/t/ios-cutting-off-overflow-of-fixed-dropdown-in-modals/141810/7 "2020-02-17T16:54:12Z")

</div>


