15

Steps to reproduce:

  • Goto a question which has code blocks (which is rare nowadays) and is long enough for a scroll bar
  • Open the flag prompt and drag that prompt to the scrollbar, the code block has

This happens. The question on the main site is here

this is a bug

The device is MacOS and my browser is chrome. Latest. This behavior is on safari too.

Test it here. Noise alert. Not valid javascript

const query const query const query const query const query const query const query const query const query const query const query const query const query const query const query const query const query const query const query const query const query 

The fix can be just this

-webkit-transform: translateZ(0);
transform: translateZ(0);

OR

-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);

This is a strange bug in macOS. Here is the relevant thread

UPDATE: This happens for the notification view on the main site too.

enter image description here

17
  • I can't reproduce this with Chrome or Firefox on Windows.
    – user247702
    Jun 27, 2019 at 15:20
  • 6
    Because the scroll bars are a little weird in mac. @Stijn even a default button tag is different from a mac one in windows
    – weegee
    Jun 27, 2019 at 15:21
  • Seems to be fine for me on macOS 10.14.4 and Chrome 75.0.3770.100
    – Turnip
    Jun 27, 2019 at 17:30
  • The linked thread is about OS X 10.8 (Mountain Line) released in 2012. Are you also using an ancient version?
    – Turnip
    Jun 27, 2019 at 17:33
  • No, I'm using MacOS Mojave 10.14.5 (18F132) @Turnip
    – weegee
    Jun 27, 2019 at 17:35
  • 2
    Possibly related (OS X scroll bar issue): meta.stackoverflow.com/q/326473/215552 Jun 27, 2019 at 22:19
  • Could repro (this one and the one linked by @HereticMonkey) on macOS 10.12 with "Show scroll bars" System Prefs set to "When scrolling". Having it to "Auto..." will repro only the current bug, if I do actively scroll while the popup is shown. Having it set to "Always", the bug doesn't kick in. And according to this that could even be a non-retina only issue...
    – Kaiido
    Jun 28, 2019 at 5:22
  • @Kaiido this can be fixed by just adding a 3D plane transform. Because this starts a graphics engine in the browser for higher processing
    – weegee
    Jun 28, 2019 at 7:23
  • @Kaiido no it doesn’t consumes that much memory that you think. I’ve worked on some iOS related websites and knew that bug, doing translate will solve other problems too. GPU will not be used as that much because we are just using it for a scrollbar. We are not running GOW 4 on ultra
    – weegee
    Jun 28, 2019 at 7:37
  • No repro on Mojave (10.14.5) using FF 65.0.2.
    – Luuklag
    Jun 28, 2019 at 8:39
  • Could repro on macOS 10.14.5 + Chrome 75.0.3770.100. No repro on FF 67.0.4. Happens with the close prompt too.
    – TrebledJ
    Jun 28, 2019 at 14:06
  • 1
    I can repro it with Safari on 10.14.5, but only if I scroll in the box with the trackpad after I open the dialog.
    – aynber
    Jun 28, 2019 at 14:37
  • From the look of it, this isn't a bug in our code, isn't even a bug in Chrome... It's some sort of weird bug in MacOS itself. Probably not gonna get fixed until Apple fixes it.
    – Shog9
    Jun 28, 2019 at 19:06
  • 2
    @Shog9 it doesn’t happens on firefox in macOS. It can be fixed with just one css line. Why not do it? Just suggesting
    – weegee
    Jun 28, 2019 at 20:19
  • How you tried your code to solve the problem by editing html in the inspect tab? Does it solve when adding the appropriate code?
    – Gourav
    Jun 30, 2019 at 6:04

1 Answer 1

-8

Not able to reproduce using MacOS Mojave (10.14.5) using FireFox (65.0.2).

enter image description here



Also opened the same question you used on the main site:

enter image description here

7
  • It's a Chrome bug, so it's normal you can't repro on Firefox.
    – Kaiido
    Jun 28, 2019 at 9:01
  • @Kaiido I wonder were that information came from. As nothing in the comments point to that being the issue. Some even can't repro on Chrome.
    – Luuklag
    Jun 28, 2019 at 9:05
  • 5
    @Luuklang it is a chrome macOS only issue. See this bug report bugs.chromium.org/p/chromium/issues/detail?id=582932 and happens in safari too
    – weegee
    Jun 28, 2019 at 9:12
  • You can upload images without posting an answer. Just upload them in the answer box and then copy the links to your comment. Jun 28, 2019 at 13:22
  • @MaxLanghof I know, but that requires people to open the actual link, which I always find annoying myself, so I'll save other the ordeal.
    – Luuklag
    Jun 28, 2019 at 13:25
  • I'm using Safari 12.1.1 on MacOS 10.14.5 Mojave, and it happens here as well, so no, it's not a Chrome only issue, weegee, @Kaiido. You're wrong. Jun 29, 2019 at 11:16
  • @Andreas read the question it's been established it also happens on Safari. If you prefer it's a webkit bug. weegee's "only" was for "macOs only" as in linux and win versions of Chrome don't suffer from this bug.
    – Kaiido
    Jun 29, 2019 at 12:05

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .