Closed Bug 1460109 Opened Last year Closed 9 months ago

[meta] Experimentally implement CSS Scrollbars Module Level 1

Categories

(Core :: CSS Parsing and Computation, enhancement)

enhancement
Not set

Tracking

()

RESOLVED FIXED
mozilla64
Tracking Status
relnote-firefox --- 64+
firefox64 --- fixed

People

(Reporter: xidorn, Assigned: xidorn)

References

(Depends on 2 open bugs, Blocks 1 open bug, )

Details

(Keywords: meta)

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.
Depends on: 1460456
Depends on: 1463687
Depends on: 1463917
Depends on: 1463993
Depends on: 1464722
Depends on: 1464723
Depends on: 1469741
Depends on: 1471086
Depends on: 1475033
Depends on: 1478225
See Also: → scrollbar-colors
Depends on: 1483075
Depends on: 1484565
Depends on: 1486662
Depends on: 1488657
Xidorn, I guess this should block bug 1323667? Or will there be another meta-bug for the Scrollbars spec. at some point?

Sebastian
Flags: needinfo?(xidorn+moz)
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.
Flags: needinfo?(xidorn+moz)
Depends on: 1492012
Depends on: 1492040
Depends on: 1494501
Depends on: 1494607
Depends on: 1498216
Depends on: 1501418
Depends on: 1501428
Depends on: 1501433
Duplicate of this bug: scrollbar-colors
Depends on: 1508570
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[1] and MDN pages[2][3] for more details.

[1] https://drafts.csswg.org/css-scrollbars-1/
[2] https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color
[3] https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width
Depends on: 1506447
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
relnote-firefox: --- → ?
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/
Depends on: 1514498
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.
Alright thanks.

IIUC, this shipped in 64. Is there any reason to keep this bug open?

Flags: needinfo?(xidorn+moz)

Where would one submit a bug on the artifacts on the sides of the scrollbars?

(In reply to Ryan VanderMeulen [:RyanVM] from comment #14)

IIUC, this shipped in 64. Is there any reason to keep this bug open?

Maybe we can close this. We may still have bugs or the spec may evolve, but I guess if that happens, we can create new meta bug for tracking?

(In reply to onassar from comment #15)

Where would one submit a bug on the artifacts on the sides of the scrollbars?

You can just file new bugs, and probably block this one. Whether it's closed doesn't affect whether you can make other bug block this bug.

Status: NEW → RESOLVED
Closed: 9 months ago
Flags: needinfo?(xidorn+moz)
Resolution: --- → FIXED

Okay great thanks :)

Assignee: nobody → xidorn+moz
Target Milestone: --- → mozilla64
You need to log in before you can comment on or make changes to this bug.