# Flexbox vertical scrolling issue on macOS in Safari 11
**URL:** https://meta.discourse.org/t/flexbox-vertical-scrolling-issue-on-macos-in-safari-11/73797
**Category:** Bug
**Created:** [11월 9, 2017, 9:55오후 UTC](https://meta.discourse.org/t/flexbox-vertical-scrolling-issue-on-macos-in-safari-11/73797 "2017-11-09T21:55:48Z")
**Posts on this page:** 12
**Page:** 1
### Author:  [@terraboss](https://meta.discourse.org/u/terraboss)
#### Post date: [11월 9, 2017, 9:55오후 UTC](https://meta.discourse.org/t/flexbox-vertical-scrolling-issue-on-macos-in-safari-11/73797/1 "2017-11-09T21:55:48Z")
Hi friends,
I found a new (?) bug regarding to vertical scrolling on Safari Version 11.0.1 on macOS High Sierra. This issue didn’t occurs on Mobile Safari, Chrome or Firefox. Looks pretty crappy.. 🤨
Any clue, which code fragment Apple messed up this time? 😉
Love & Peace
(@OSS117) ;oP
[https://global.discourse-cdn.com/meta/original/3X/5/3/5319c7ed4ff945080b16f37313774a5f836f8aa4.mp4](https://global.discourse-cdn.com/meta/original/3X/5/3/5319c7ed4ff945080b16f37313774a5f836f8aa4.mp4)
---
### Author:  [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [11월 9, 2017, 10:05오후 UTC](https://meta.discourse.org/t/flexbox-vertical-scrolling-issue-on-macos-in-safari-11/73797/2 "2017-11-09T22:05:05Z")
Ouch! That’s quite painful to look at. I’m not sure who on the team has a Mac to test… @HAWK? @awesomerobot?
---
### Author:  [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [11월 9, 2017, 10:14오후 UTC](https://meta.discourse.org/t/flexbox-vertical-scrolling-issue-on-macos-in-safari-11/73797/3 "2017-11-09T22:14:50Z")
Yup, I do. Hang fire.
---
### Author:  [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [11월 9, 2017, 10:18오후 UTC](https://meta.discourse.org/t/flexbox-vertical-scrolling-issue-on-macos-in-safari-11/73797/4 "2017-11-09T22:18:00Z")
Yup, I can repro here on Meta. That’s awful. I’m going back to Chrome.
---
### Author:  [@terraboss](https://meta.discourse.org/u/terraboss)
#### Post date: [11월 9, 2017, 10:24오후 UTC](https://meta.discourse.org/t/flexbox-vertical-scrolling-issue-on-macos-in-safari-11/73797/5 "2017-11-09T22:24:47Z")
> [@jomaxro](#):
>
> Ouch! That’s quite painful to look at.
> [@HAWK](#):
>
> I’m going back to Chrome.
Off Topic:
Is there any study or overview paper/website which compares all current browsers? I’m thinking about to end the pain with Safari. Which window to the world is the best one? – Best
---
### Author:  [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [11월 9, 2017, 10:28오후 UTC](https://meta.discourse.org/t/flexbox-vertical-scrolling-issue-on-macos-in-safari-11/73797/6 "2017-11-09T22:28:28Z")
There are lots of comparisons - what are you looking to compare? [https://caniuse.com/](https://caniuse.com/) is great for checking which browsers support which internet standards. Wikipedia has a decent comparison of feature support: [Comparison of web browsers - Wikipedia](https://en.wikipedia.org/wiki/Comparison_of_web_browsers). PCMag and similar sites review different browsers quite frequently - be sure to read a recent-ish review [Brave, Chrome, Edge, Firefox, or Safari? We Pick the Best Browser for 2026 | PCMag](https://www.pcmag.com/article2/0,2817,1815833,00.asp).
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [11월 9, 2017, 10:49오후 UTC](https://meta.discourse.org/t/flexbox-vertical-scrolling-issue-on-macos-in-safari-11/73797/7 "2017-11-09T22:49:39Z")
This has got to be flexbox related (and super likely an apple bug) , @awesomerobot can you repro this?
---
### Author:  [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [11월 9, 2017, 10:53오후 UTC](https://meta.discourse.org/t/flexbox-vertical-scrolling-issue-on-macos-in-safari-11/73797/8 "2017-11-09T22:53:43Z")
I bet it happens in this codepath:
[https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/components/discourse-topic.js.es6#L120](https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/components/discourse-topic.js.es6#L120)
Some scrolling putting the composer in a state where 1px makes the difference and moves layout a lot in a short amount of time.
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [11월 10, 2017, 2:12오전 UTC](https://meta.discourse.org/t/flexbox-vertical-scrolling-issue-on-macos-in-safari-11/73797/9 "2017-11-10T02:12:12Z")
Wow, yeah this is very bad. As far as I can tell it’s not directly flexbox related, because if I remove flexbox from the container it still happens.
Definitely seems to be _yet another_ Safari rendering bug. There are some _similar_ iOS Safari bugs that can be fixed by adding `-webkit-transform: translatez(0);` to the CSS of the fixed container… and it looks like that fix works for me here too. Generally not regarded as a great option, as it apparently forces GPU acceleration so it could impact performance.
I can only reproduce it when creating a new topic… so there must be something unique going on there. Investigating a bit more…
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [11월 10, 2017, 2:20오전 UTC](https://meta.discourse.org/t/flexbox-vertical-scrolling-issue-on-macos-in-safari-11/73797/10 "2017-11-10T02:20:58Z")
Might be related to the category dropdown? If I add `display: none;` to `.category-input`, the flicker stops.
---
### Author:  [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [11월 10, 2017, 3:00오전 UTC](https://meta.discourse.org/t/flexbox-vertical-scrolling-issue-on-macos-in-safari-11/73797/11 "2017-11-10T03:00:45Z")
Oh I know what might be happening, Im out I will fix it later.
---
### Author:  [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [11월 11, 2017, 8:19오후 UTC](https://meta.discourse.org/t/flexbox-vertical-scrolling-issue-on-macos-in-safari-11/73797/13 "2017-11-11T20:19:44Z")
Fixed in master. Thanks.