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 <https://github.com/w3c/csswg-drafts/issues/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. Ting-Yu [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 dev-platform@lists.mozilla.org https://lists.mozilla.org/listinfo/dev-platform
