W3C home > Mailing lists > Public > public-css-archive@w3.org > November 2017

[csswg-drafts] [css-scrollbars] Real world product usage

From: Dustan Kasten via GitHub <sysbot+gh@w3.org>
Date: Fri, 10 Nov 2017 17:33:40 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-273006692-1510335219-sysbot+gh@w3.org>
iamdustan has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-scrollbars] Real world product usage ==
Attached is a screenshot demonstrating a subset of the current Webflow Designer scrollbar. This isn‘t intended to be comprehensive of Webflow’s current usage, but is reflective of how much customization is in place. The intent of bringing this up is because the current draft being primarily limited to colors does not sufficiently cover this current usage. (My apologies in this likely being a far cry from proper spec form.)

![screen shot 2017-11-10 at 11 52 13 am](https://user-images.githubusercontent.com/227879/32669722-89888914-c60f-11e7-9495-fe5a35bd5893.png)

The following selectors and properties are in use here:

| selector | props |
|----|----|
| `::-webkit-scrollbar` | width, height |
| `::-webkit-scrollbar:horizontal` | display, border-width |
| `::-webkit-scrollbar-track` | background-color, background-clip, border-style, border-color, border-width |
| `::-webkit-scrollbar-track:horizontal` | ^-- same |
| `::-webkit-scrollbar-thumb` | background-color, border, background-clip |
| `::-webkit-scrollbar-thumb:horizontal` | border-width |
| `::-webkit-scrollbar-thumb:hover` | background-color |
| `::-webkit-scrollbar-thumb:disabled` | background-color |
| `::-webkit-scrollbar-button` | display, height, position, background-color, background-image, background-repeate, border-color, border-style |
| `::-webkit-scrollbar-button:hover` | background-color |
| `::-webkit-scrollbar-button:disabled` | background-color |
| `::-webkit-scrollbar-button:vertical` | background-position |
| `::-webkit-scrollbar-button:vertical:hover` | background-position |
| `::-webkit-scrollbar-button:vertical:disabled` | background-position |
| `::-webkit-scrollbar-button:vertical:decrement` | border-width, background-position |
| `::-webkit-scrollbar-button:vertical:increment` | border-width, background-position |
| `::-webkit-scrollbar-button:vertical:start:increment` | display |
| `::-webkit-scrollbar-button:vertical:end:increment` | display |
| `::-webkit-scrollbar-corner` | background-color |

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1969 using your GitHub account
Received on Friday, 10 November 2017 17:33:41 UTC

This archive was generated by hypermail 2.3.1 : Friday, 10 November 2017 17:33:42 UTC