Re: [w3ctag/design-reviews] CSS Scrollbars: scrollbar-color, scrollbar-width (#563)

Lea and I looked at this in the TAG Virtual F2F breakout:

- We'd like to see screenshots from different platforms and/or dark mode to make sure this generalizes well - scrollbars look ver different on Windows where there are arrow buttons that have hover effect and can be pressed. Also they look different when two scrollbars meet
- Maybe allow `auto` instead of either of the `<color>`'s  to auto-generate the other with proper contrast.
- Control over scroll indicator vs scrollbar. What if I want a scroll indicator but not a scrollbar? (scroll indicators are painted over the website and auto hidden, scrollbars are always there). Some developers don't like scrollbars that take up space as they can change rendering when they appear and disappear, like on YouTube where scrollbar can appear because you open the drawer, ending up resizing all thumbnails. Slack as one example turns off naive scrollbars and draws their own scroll indicators which we would like to avoid as it can have a performance penalty. We think a third property is needed to control this distinction.

Windows:
![image](https://user-images.githubusercontent.com/1101339/105817361-cabc7600-5fb5-11eb-80b9-69dc201bf9ec.png)
![image](https://user-images.githubusercontent.com/1101339/105817411-dad45580-5fb5-11eb-9bc0-1dc33b1b80dc.png)

Slack custom scrollbar
![image](https://user-images.githubusercontent.com/1101339/105817445-e7f14480-5fb5-11eb-840a-78ed364e388d.png)

iOS (indicator only appears when you scroll)
![image](https://user-images.githubusercontent.com/1101339/105817492-fa6b7e00-5fb5-11eb-801b-8f4fdb976c6c.png)



-- 
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub:
https://github.com/w3ctag/design-reviews/issues/563#issuecomment-767375070