# Wrench menu not disappearing on iOS

**URL:** https://meta.discourse.org/t/wrench-menu-not-disappearing-on-ios/94297
**Category:** Bug
**Created:** [8월 9, 2018, 10:58오전 UTC](https://meta.discourse.org/t/wrench-menu-not-disappearing-on-ios/94297 "2018-08-09T10:58:19Z")
**Posts on this page:** 5
**Page:** 1

<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: [8월 9, 2018, 10:58오전 UTC](https://meta.discourse.org/t/wrench-menu-not-disappearing-on-ios/94297/1 "2018-08-09T10:58:19Z")

</div>

On iOS closing wrench menu (not select kit) will sometimes leave some kind of border:

 ![14](https://global.discourse-cdn.com/meta/original/3X/b/8/b801c6e71db38831fa5141694bc7f5b8783542f5.png)

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [8월 24, 2018, 2:48오전 UTC](https://meta.discourse.org/t/wrench-menu-not-disappearing-on-ios/94297/2 "2018-08-24T02:48:03Z")

</div>

Yes I get this as well quite a lot lately I have a 100% repro.

- Scroll to the end of the topic (so wrench is absolutely positioned vs fix positioned)

- Click wrench

- Click anywhere away from the menu

- You get a ghost

Ghost goes away when you scroll around the page, so this is probably a Safari mobile bug, does not repro on Chrome emulating mobile.

@awesomerobot can you have a look at this, maybe a simple additional CSS rule can make this issue go away?

---

<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: [8월 28, 2018, 8:41오후 UTC](https://meta.discourse.org/t/wrench-menu-not-disappearing-on-ios/94297/4 "2018-08-28T20:41:19Z")

</div>

Definitely an iOS rendering bug, adding `transform: translate3d(0, 0, 0);` fixes it for the time being.

> <https://github.com/discourse/discourse/commit/feeaac81df8e68ad81324eff212f1f8a6ced3507>

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [8월 29, 2018, 2:47오전 UTC](https://meta.discourse.org/t/wrench-menu-not-disappearing-on-ios/94297/5 "2018-08-29T02:47:02Z")

</div>

Make sure you add a comment so we don’t carry this hack around for 5 years 🙂

---

<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: [8월 29, 2018, 10:00오후 UTC](https://meta.discourse.org/t/wrench-menu-not-disappearing-on-ios/94297/6 "2018-08-29T22:00:05Z")

</div>

This topic was automatically closed after 25 hours. New replies are no longer allowed.