Firefox 73 fails to scroll element down all the way through padding-box, works fine in Chrome 80
Categories
(Core :: Layout: Positioned, defect)
Tracking
()
People
(Reporter: macmaN, Unassigned)
Details
Attachments
(2 files)
See attachment WebM video, observe black sidebar scroll bottom.
This behavior has been observed for a lengthy while now, it isn't specific to FF 73. Not sure when it last worked in FF, if ever.
Currently live implementation of https://cxl.com/blog/ provides an opportunity to inspect relevant CSS.
We are working with custom elements here, if it makes any difference.
Same problem was initially observed on our context menu component, see attachment WebM. Padding-box bottom of the context menu overlay can not be reached by scrolling.
Your thoughts?
|
Reporter | |
Comment 1•6 years ago
|
||
|
|
Reporter | |
Comment 2•6 years ago
|
||
PS layout inspector shows box dimensions being calculated exactly the same on both FF and Chrome.
|
||
Comment 3•6 years ago
|
||
See bug 748518. This is a very long-standing issue spec-wise and the CSS Working Group has gone back and forth a couple times. But given the amount of dupes we should probably do something about it...
Firefox behaves consistently in both axes, but other browsers only behave like Firefox on the inline axis, see:
data:text/html,<!doctype html><div style="overflow: auto; background: lime; padding: 10px; width: 100px; height: 100px;"><div style="background: green; width: 120px; height: 120px"></div></div>
|
|
Reporter | |
Comment 4•6 years ago
|
||
Thanks. I did a search for "scroll", but wasn't able to identify by issue title out of 84 matches. I do remember seeing it. Definitely could use some attention.
Description
•