A box with border-radius does not scroll with the content
Categories
(Core :: Layout, defect)
Tracking
()
Tracking | Status | |
---|---|---|
firefox-esr115 | --- | unaffected |
firefox126 | --- | unaffected |
firefox127 | --- | unaffected |
firefox128 | --- | fixed |
People
(Reporter: st, Assigned: gw)
References
(Regression)
Details
(Keywords: regression)
Attachments
(2 files)
User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:128.0) Gecko/20100101 Firefox/128.0
Steps to reproduce:
- Create a new, temporary profile
- Load the URL: data:text/html,<body style="height: 150vh"><div style="border-radius: 1em; background: lime">hello</div></body>
- Using the scroll-wheel, scroll down half a line
Actual results:
The text scrolls up half a line (as it should)
The bottom of the green background moves up half a line (as it should)
The top of the green background stays where it is, so it's only half a line thick instead of covering the full height of the text
Expected results:
The entire green bar should have scrolled up with the text.
Note that "background: lime" is not necessary to reproduce the behaviour, just to make it visible. For example, you can replace it with "overflow: hidden" and then it's the clipping region which fails to scroll instead of the background.
This is a screenshot of about:support, also scrolled up half a line. This page uses border-radius
on tables and buttons, and also overflow: hidden
on tables. As a result, you can see backgrounds (for border-radius
) and content (for oveflow: hidden
) being clipped to their original, unscrolled positions.
Comment 2•1 year ago
|
||
The Bugbug bot thinks this bug should belong to the 'Core::Layout' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.
![]() |
||
Comment 3•1 year ago
|
||
The offending patch of Bug 1898625 has already been backed out.
Updated•1 year ago
|
Comment 5•1 year ago
|
||
:gw, since you are the author of the regressor, bug 1898625, could you take a look? Also, could you set the severity field?
For more information, please visit BugBot documentation.
Updated•1 year ago
|
Updated•1 year ago
|
Description
•