1801340 - Abolute element positioned outside the parent container causes infinite horizontal scroll

Status: NEW

(Core :: Layout, defect)

Description

[[e-mail]]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:107.0) Gecko/20100101 Firefox/107.0

Steps to reproduce:

Create a horizontally scrolling container.
Within it create a sticky header with a left of 0px. Make it larger than the container to fin
Inside the header create a component with absolute position and a right of -10px.

Example: https://jsfiddle.net/connor_holloway_xerini/q15rwL86/3/

Scroll to the right

Actual results:

You can keep scrolling to the right, scrollbar gets smaller and smaller. Header remains stuck to the left.

Expected results:

Stops scrolling, the header should go past the left border if it is too long.

Comment 1

[BugBot [:suhaib / :marco]]

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 2

[David Shin[:dshin]]

Attachment: Minimum reproducible test case