Summary: scrollbar-width is a property to control the width (thickness) of scrollbars of an element. In my current implementation plan, it accepts three keywords: auto | thin | none. "thin" would generate a thinner scrollbar suitable for narrow container, and "none" would hide the scrollbar without affecting scrollability of the element (unlike overflow:hidden), which makes it easier for authors to create custom scrollbar with fewer hacks.
Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1460109 (This is the tracking bug shared with scrollbar color properties since they are being developed in the same spec.) Link to standard: https://drafts.csswg.org/css-scrollbars-1/#scrollbar-width Platform coverage: where will this be available? All platforms. On Android, "thin" would have no effect since its native scrollbar is thin enough. Estimated or target release: no concrete plan currently. Preference behind which this will be implemented: layout.css.scrollbar-width.enabled Is this feature enabled by default in sandboxed iframes? Yes. DevTools bug: no extra tooling is needed. Do other browser engines implement this? mixed signal. We would go through the CSS working group and ensure other browser engines are happy with them before shipping. web-platform-tests: "scrollbar-width: thin" would be platform-dependent, so it may not be testable. I will add some wpt for "scrollbar-width: none". Is this feature restricted to secure contexts? No at the moment. This is a rendering feature, and currently we haven't been able to gate CSS properties with secure contexts. _______________________________________________ dev-platform mailing list dev-platform@lists.mozilla.org https://lists.mozilla.org/listinfo/dev-platform
