# Header flickering on mobile

**URL:** https://meta.discourse.org/t/header-flickering-on-mobile/109359
**Category:** UX
**Created:** [February 17, 2019, 4:29am UTC](https://meta.discourse.org/t/header-flickering-on-mobile/109359 "2019-02-17T04:29:24Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Merlls\_Rizzini](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merlls_rizzini/32/125604_2.png) [@Merlls\_Rizzini](https://meta.discourse.org/u/Merlls_Rizzini)
#### Post date: [February 17, 2019, 4:29am UTC](https://meta.discourse.org/t/header-flickering-on-mobile/109359/1 "2019-02-17T04:29:24Z")

</div>

Anyone knows if its a normal behavior in the header on mobile? I have no idea why its shaking (maybe its cause by gifs, youtube/twitter embeding?) in some topics. I used Material Design without CSS modifications (also in [safe mode](https://meta.discourse.org/t/53504?silent=true)) but I still has this issue.

[https://global.discourse-cdn.com/meta/original/3X/9/9/99b3ebe5d1c6c6f5fff2de1a8a793a07ba26a992.MOV](https://global.discourse-cdn.com/meta/original/3X/9/9/99b3ebe5d1c6c6f5fff2de1a8a793a07ba26a992.MOV)

[https://global.discourse-cdn.com/meta/original/3X/8/3/83c19ae64521c487b1574d087d7b281522069d29.MOV](https://global.discourse-cdn.com/meta/original/3X/8/3/83c19ae64521c487b1574d087d7b281522069d29.MOV)

---

<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: [February 17, 2019, 4:34am UTC](https://meta.discourse.org/t/header-flickering-on-mobile/109359/2 "2019-02-17T04:34:37Z")

</div>

I’ve seen that particular flickering before in other aspects of the design on mobile.

My suspicion is that the JS code that calculates heights / positions on the topic page is having trouble in some scenarios.

---

<div class="post-metadata">

### Author: ![Merlls\_Rizzini](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merlls_rizzini/32/125604_2.png) [@Merlls\_Rizzini](https://meta.discourse.org/u/Merlls_Rizzini)
#### Post date: [February 17, 2019, 5:26am UTC](https://meta.discourse.org/t/header-flickering-on-mobile/109359/3 "2019-02-17T05:26:06Z")

</div>

So it has no solution for now? 😅

---

<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: [February 18, 2019, 7:47pm UTC](https://meta.discourse.org/t/header-flickering-on-mobile/109359/4 "2019-02-18T19:47:10Z")

</div>

Same flicker here almost certainly related to mobile progress bar calcs.

[https://global.discourse-cdn.com/meta/original/3X/0/d/0dbfafc4e7283573d650b762a206685057f7812d.mov](https://global.discourse-cdn.com/meta/original/3X/0/d/0dbfafc4e7283573d650b762a206685057f7812d.mov)

---

<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: [February 18, 2019, 9:04pm UTC](https://meta.discourse.org/t/header-flickering-on-mobile/109359/5 "2019-02-18T21:04:49Z")

</div>

We have a hack @eviltrout implemented back in the day to keep browser on current post after you navigate to it, we are at war with the browser that is insisting on moving us to the top. Concurrently @Johani’s mobile header is deciding what to do, so the two processes are fighting.

We basically need a debounce if sorts to make sure mobile header does not flicker

---

<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: [February 18, 2019, 10:57pm UTC](https://meta.discourse.org/t/header-flickering-on-mobile/109359/6 "2019-02-18T22:57:09Z")

</div>

This definitely needs some fixing @johani

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [March 19, 2019, 10:43am UTC](https://meta.discourse.org/t/header-flickering-on-mobile/109359/9 "2019-03-19T10:43:46Z")

</div>

This and a few other issues in the mobile header will be fixed via:

[https://github.com/discourse/discourse/commit/6d7c0c8f137bf1c4968e8777c7694fd2c1b7b392](https://github.com/discourse/discourse/commit/6d7c0c8f137bf1c4968e8777c7694fd2c1b7b392)

Thanks for reporting the issue @Merlls_Rizzini 👍

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [March 20, 2019, 10:00am UTC](https://meta.discourse.org/t/header-flickering-on-mobile/109359/10 "2019-03-20T10:00:06Z")

</div>

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