Sticky position outside scroll clip can cause scroller to grow infinitely.

UNCONFIRMED
Unassigned

Status

()

UNCONFIRMED
2 years ago
2 years ago

People

(Reporter: flackr, Unassigned, NeedInfo)

Tracking

49 Branch
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

2 years ago
Created attachment 8806482 [details]
Test page with sticky element stuck below scroller clip.

User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.71 Safari/537.36

Steps to reproduce:

Load the attached HTML file. The green sticky box is stuck below the scroll clip.
Scroll down to reach it.


Actual results:

As you scroll down the scrollable content length grows infinitely as the sticky box is pushed down so you can never scroll to it.


Expected results:

Chrome and Safari treat the scrolling content size as the containing block size for sticky position computation, which means the sticky position box is clamped by, and not allowed to move below the scrolling content length.
(note, this bug came up in a blink-dev thread about differences between Chrome's implementation and ours: https://groups.google.com/a/chromium.org/d/msg/blink-dev/X_vBQp60kp8/rIdvtOqfCAAJ)
Component: Untriaged → Layout
Product: Firefox → Core
David, who's been tracking the sticky position spec bits?
Flags: needinfo?(dbaron)
You need to log in before you can comment on or make changes to this bug.