Scrollbar ticks show up under thumb on Mac with Lion scrollbars, with trackpad

[core-ai-bot]

Issue by njx
Thursday Oct 03, 2013 at 00:08 GMT
Originally opened as adobe/brackets#5407

---

1. On Mac, do a Find in the current document
2. Touch-scroll

Result: The thumb shows up above the tickmarks on the right. If you mouse over the thumb to drag it, the track is nearly opaque and makes it nearly impossible to see the tickmarks.

[core-ai-bot]

Comment by peterflynn
Thursday Oct 03, 2013 at 08:19 GMT

---

Note: doesn't repro if you have a mouse plugged in (or scrollbars set to always-on even with touchpad). Only the touch/iOS-style scrollbars will show the bug.

[core-ai-bot]

Comment by peterflynn
Tuesday Mar 18, 2014 at 03:27 GMT

---

@njx Looks like this is a fact of life on Mac: http://jsfiddle.net/N5r38/1/. Lion scrollbars paint on top of everything else in the window, regardless of z-ordering. (Clearly this example isn't doing exactly what CM does, since for some reason this simple code fails to get the scrollbar to expand when dragged / moused over... but I did verify in Brackets that that tickmarks are indeed z-ordered above the scrolling region -- so it's still the same issue).

Interestingly, this Firefox bug seems to suggest that the behavior used to be different (respecting normal z-ordering, like on Windows) in both FF and Chrome. Not sure when it might have changed.

The only workarounds I've seen suggested are to use custom scrollbar CSS, which I'm sure drops down to custom rendering code in the browser's own rendering pipline, respecting the z-ordering more normally. But obviously that has lots of disadvantages...

[core-ai-bot]

Comment by njx
Monday Apr 14, 2014 at 18:42 GMT

---

To@peterflynn, low pri to consider whether there's another design tweak we could do that would help.

[core-ai-bot]

Comment by peterflynn
Monday Apr 14, 2014 at 19:14 GMT

---

In particular, we talked about either:

• Making the tickmarks wider so they stick out past the edge of the scrollbar, or
• Shifting the tickmarks over so they are next to the scrollbar rather than overlapping it

In either case we'd ideally only do this on Mac when scrollbars aren't always-visible -- I think CM has a heuristic for detecting this which we could probably piggy-back on.

[core-ai-bot]

Comment by TomMalbran
Tuesday Apr 15, 2014 at 02:07 GMT

---

If we added custom scrollbars for mac too, would it fix this?

[core-ai-bot]

Comment by njx
Tuesday Apr 15, 2014 at 16:51 GMT

---

Potentially, but I don't think we want to go that route just for this bug - trying to simulate native behavior exactly is tricky.

[core-ai-bot]

Comment by peterflynn
Tuesday Apr 15, 2014 at 20:03 GMT

---

Exactly -- the Mac native scrollbars are significantly more nuanced than the other platforms. It would definitely fix this, but I agree with NJ that we shouldn't do that.