Over the years, we accumulate a lot of duplicates in Bug 748518
<https://bugzilla.mozilla.org/show_bug.cgi?id=748518> about
`overflow:auto/scroll` container's padding-bottom / padding-right is
missing in Firefox when scrolling to the bottom / right. Blink and WebKit
have this behavior for most container types [1], and web developers are
expecting this rendering.

Relevant spec: https://drafts.csswg.org/css-overflow-3/#scrollable

I want to improve the webcompat situation via the following bugs.

Bug 1527949 <https://bugzilla.mozilla.org/show_bug.cgi?id=1527949>: add
block container's block-end padding for scrolling block containers.
I'm fixing this bug, targeting Firefox 89.

Bug 1700858 <https://bugzilla.mozilla.org/show_bug.cgi?id=1700858>: add
block container's inline-end padding for scrolling block containers.

Blink and WebKit's behavior is not consistent. Currently, both engines only
add inline-end padding to the inline children but not to the block
children. Wait for a resolution on spec issue #129

Bug 1697349 <https://bugzilla.mozilla.org/show_bug.cgi?id=1697349>: add
flex container's padding and flex item's margin in both axes for scroll
flex container.
It was fixed, targeting Firefox 89.

Bug 1527539 <https://bugzilla.mozilla.org/show_bug.cgi?id=1527539>: add
grid container's padding and grid item's margin in both axes for scroll
grid container.
No plan yet, but I hope I can get to it in Firefox 89 or 90.


[1] This table
<https://github.com/w3c/csswg-drafts/issues/129#issuecomment-697691447> in
the spec issue summarizes the webcompat situation across different element
types and engines.
dev-platform mailing list

Reply via email to