Closed Bug 1715112 Opened 3 years ago Closed 2 years ago

[css-overflow-4] Implement "scrollbar-gutter" css property

Categories

(Core :: Layout: Scrolling and Overflow, enhancement)

enhancement

Tracking

()

RESOLVED FIXED
97 Branch
Tracking Status
firefox97 --- fixed

People

(Reporter: dholbert, Assigned: TYLin, Mentored)

References

(Blocks 1 open bug, )

Details

(Keywords: dev-doc-complete)

Attachments

(3 files)

https://drafts.csswg.org/css-overflow-4/#scrollbar-gutter-property

Currently it just takes:

Value: 	auto | stable && mirror?

"auto" is the existing behavior.
"stable" sets aside space for a scrollbar gutter in (non-overlay) scrollable elements that otherwise wouldn't be showing a scrollbar (e.g. not-overflowed "overflow:auto", and also overflow:hidden)

"mirror" makes us reserve some scrollbar space on the opposite side as well.

Blocks: 1663882
Blocks: 1651918
Blocks: 1694388
Blocks: 1718369
Blocks: 1720818

Per https://github.com/w3c/csswg-drafts/issues/6349#issuecomment-880053625, the syntax is changed to

Value: 	auto | stable && both-edges?

Happy to mentor this if someone wants to give it a shot :)

Mentor: emilio
Assignee: nobody → aethanyc
Depends on: 1741774
Depends on: 1743537
Depends on: 1743959

WIP: Some wpt tests still fail.

Depends on D132663

Depends on: 1745828
Attachment #9253362 - Attachment description: Bug 1715112 - Implement the rendering of scrollbar-gutter. → Bug 1715112 Part 1 - Implement the rendering of scrollbar-gutter.
Blocks: 1746098
Keywords: dev-doc-needed
Pushed by aethanyc@gmail.com:
https://hg.mozilla.org/integration/autoland/rev/9b7d73b6d81e
Part 1 - Implement the rendering of scrollbar-gutter. r=emilio
https://hg.mozilla.org/integration/autoland/rev/b7cbd5b59fc5
Part 2 - Add tests variants for vertical writing-mode and rtl direction. r=emilio
https://hg.mozilla.org/integration/autoland/rev/6b91412c20e3
Part 3 - Enable CSS scrollbar-gutter by default. r=emilio
Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/32098 for changes under testing/web-platform/tests

Backed out 3 changesets (Bug 1715112) for causing xpcshell failures on test_css-properties-db.js.
Backout link](https://hg.mozilla.org/integration/autoland/rev/31ae39c96ef8e5ab9da2dd2d209e64ff531abed4)
Push with failures
Failure Log

Flags: needinfo?(aethanyc)
Upstream PR was closed without merging
Pushed by aethanyc@gmail.com:
https://hg.mozilla.org/integration/autoland/rev/83044c2e662d
Part 1 - Implement the rendering of scrollbar-gutter. r=emilio
https://hg.mozilla.org/integration/autoland/rev/24b42e6ae0f9
Part 2 - Add tests variants for vertical writing-mode and rtl direction. r=emilio
https://hg.mozilla.org/integration/autoland/rev/4bc795a37d13
Part 3 - Enable CSS scrollbar-gutter by default. r=emilio
Flags: needinfo?(aethanyc)
Upstream PR merged by moz-wptsync-bot
Blocks: 1748574
Regressions: 1756826
Blocks: 1839401
Blocks: 1874091
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: