Closed Bug 1526342 Opened 7 years ago Closed 4 years ago

position:sticky; not working properly when viewports contain big height children

Categories

(Core :: Layout: Positioned, defect, P3)

Product:
Core
Component:
Layout: Positioned
Type:
defect

Tracking

()

Status:
RESOLVED DUPLICATE of bug 1518556
Tracking Flags:
Tracking Status
firefox65 --- affected
firefox66 --- affected
firefox67 --- affected

People

(Reporter: filipescuradumihai, Unassigned)

Details

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36

Steps to reproduce:

Please find the following example:
https://codepen.io/anon/pen/RvQrBg

Actual results:

Element with sticky position inside viewport does not stick to the top of the viewport after a certain big scroll offset

Expected results:

Element should stick to the top of the viewport

Reproducible on Firefox Nightly 67.0a1 (2019-02-11), Firefox 66.0b6 and Firefox 65 on Windows 10 x64, Ubuntu 16.04 and Mac OS X 10.14.

Status: UNCONFIRMED → NEW
status-firefox65: --- → affected
status-firefox66: --- → affected
status-firefox67: --- → affected
Component: Untriaged → Layout
Ever confirmed: true
Product: Firefox → Core
Component: Layout → Layout: Positioned

This is probably due to these limit values

Priority: -- → P3

Note that the testcase has:

.content {
  height: 10000000px;
[...]
}
.inner-content {
  height: 8947000px;

Probably the same issue as bug 1518556 (which is also about huge sizes & huge scroll positions).

Status: NEW → RESOLVED
Closed: 4 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.