[Webkit-unassigned] [Bug 249848] New: Under certain CSS conditions, showing an element that overflows scroll re-renders fixed elements outside containers
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Fri Dec 23 11:14:49 PST 2022
https://bugs.webkit.org/show_bug.cgi?id=249848
Bug ID: 249848
Summary: Under certain CSS conditions, showing an element that
overflows scroll re-renders fixed elements outside
containers
Product: WebKit
Version: Safari 16
Hardware: Mac (Apple Silicon)
OS: macOS 12
Status: NEW
Severity: Normal
Priority: P2
Component: Layout and Rendering
Assignee: webkit-unassigned at lists.webkit.org
Reporter: morungos at gmail.com
CC: bfulgham at webkit.org, simon.fraser at apple.com,
zalan at apple.com
Created attachment 464183
--> https://bugs.webkit.org/attachment.cgi?id=464183&action=review
A small HTML+CSS+JS file. When clicking the button, the button moves
When using a position: fixed area to stick some buttons inside an overflow: auto area, showing additional content that overflows the scroll area can trigger the buttons moving, apparently outside their container by the relative offset.
A small replication file is attached.
What I've observed so far is:
1. Clicking the button, the text overflows the box, and this causes the inner position: fixed area to jump, by an amount approximately equal to the inner position: fixed area's relative offset within its parent.
2. This only happens when the height of the overflow: auto box is constrained, either by height: 100% or flex: 1 0. Without either, no issue.
3. This only happens when overflow: auto, or overflow: scroll is present. overflow: hidden and overflow: none do not have the same effect
4. It only seems to happen when there are nested position: fixed elements. Without either being fixed, no issue.
5. Safari Developer Tools still believe the elements are in their original location, i.e., you can select them in a different position from where they are rendered
6. Toggling almost any pseudo-class in the developer tools causes the elements to jump back to the correct location.
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20221223/5faab64a/attachment.htm>
More information about the webkit-unassigned
mailing list