Closed Bug 1460109 Opened 3 years ago Closed 2 years ago
[meta] Experimentally implement CSS Scrollbars Module Level 1
We want to try pushing for a different way to style scrollbars rather than standardizing the webkit scrollbar pseudo-elements. There are still unclear bits what is the right thing to do in the spec, so experimental for now.
Xidorn, I guess this should block bug 1323667? Or will there be another meta-bug for the Scrollbars spec. at some point? Sebastian
I guess we can have it block that bug. If we have another meta-bug in the future, we can have the new bug block bug 1323667 as well.
Dang, I can't believe this still isn't implemented in firefox. Webkit has had this forever.
We have implemented scrollbar-color and scrollbar-width in Firefox 64, which is what this bug is about. See refer to the spec and MDN pages for more details.  https://drafts.csswg.org/css-scrollbars-1/  https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color  https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width
Release Note Request (optional, but appreciated) [Why is this notable]: new CSS feature, product wants to highlight this [Affects Firefox for Android]: yes [Suggested wording]: Support for the new CSS scrollbar specification. [Links (documentation, blog post, etc)]: see comment 5
Hello, so Firefox 64 contains now scrollbar-color and scrollbar-width from the CSS Scrollbars Module Level 1? Are there any other keywords I can use? Best wishes, SG
I'm afraid is a bug with "scrollbar-width: thin;". When overflow is set to "auto" with "scrollbar-width: thin;" and content is generated by js then you can scroll content but no scrollbar is visible. https://jsfiddle.net/lukaszB123/jk2389z4/13/
I'm noticing a border on the left and right. Is this normal behaviour? Using FF64 Screenshot: https://i.imgur.com/PIgNmal.png !(https://i.imgur.com/PIgNmal.png)
That is for simulate the native scrollbar appearance, so yes it's expected.
Are there any plans to make this customizable? I really appreciate the work you've done, but have borders appear on the side that can't be styled make them look like artifacts, and make it harder to style visually appealing elements.
No. If you want more customizability, you can specify "scrollbar-width: none" to hide the native scrollbar and build it yourself. This property, unlike "overflow: hidden", doesn't affect scrollability, so it should be easier to use for custom scrollbar.
Status: NEW → RESOLVED
Closed: 2 years ago
Resolution: --- → FIXED
Assignee: nobody → xidorn+moz
Target Milestone: --- → mozilla64
You need to log in before you can comment on or make changes to this bug.