Open Bug 1676711 Opened 4 years ago Updated 2 years ago

Position sticky does not work with a position: fixed body

Categories

(Core :: Layout: Positioned, defect)

Firefox 82
defect

Tracking

()

UNCONFIRMED

People

(Reporter: gabriel.benmergui, Unassigned)

Details

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.183 Safari/537.36

Steps to reproduce:

When I make the body element position: fixed, elements that have position: sticky stop being sticky.

This issue does not happen in chrome and safari

https://jsfiddle.net/7dbeqshw/3/

Actual results:

The element with position: sticky goes to the top of its container

Expected results:

It should have maintained its position

Component: Untriaged → Layout: Positioned
Product: Firefox → Core

The severity field is not set for this bug.
:boris, could you have a look please?

For more information, please visit auto_nag documentation.

Flags: needinfo?(boris.chiou)

Maybe position-sticky-fixed-ancestor.html is a relevant wpt.

Severity: -- → S3
Flags: needinfo?(boris.chiou)

is there a roadmap of when this will be scheduled to be fixed? sticky has been broken for quite some time

You need to log in before you can comment on or make changes to this bug.