CSS position: sticky scroll initial position into view

Category: CSS
Type: No developer-visible change
Status: In developer trial (Behind a flag) (Chrome 92)
Intent stage: Start prototyping

Breaking change: No
Enterprise impact: None
Chromium flag: CSSPositionStickyStaticScrollPosition
Spec maturity: Working draft
Web Platform Tests: Yes

WPT details: https://wpt.fyi/results/css/css-position/sticky/position-sticky-scrollIntoView.html?label=experimental&label=master&aligned

Summary

For the purposes of any operation targetting the scroll position of a sticky positioned element (or one of its descendants), the sticky positioned element must be considered to be positioned at its initial (non-offsetted) position. This was discussed in https://github.com/w3c/csswg-drafts/issues/1459.

Standards & signals

Specification: https://www.w3.org/TR/css-position-3/#stickypos-scroll
Firefox: No signal
Safari: No signal
Web developers: Positive
Tracking bug: https://bugs.chromium.org/p/chromium/issues/detail?id=664246

Ecosystem

Web Platform Tests: https://wpt.fyi/results/?q=css%2Fcss-position%2Fsticky%2Fposition-sticky-scrollIntoView
Chrome Platform Showcase: https://chrome-platform-showcase.paulkinlan-ea.deno.net/features
GenDN reference: https://gendn.paulkinlan-ea.deno.net/features
chrome.dev demos search: https://www.google.com/search?q=site%3Achrome.dev+CSS%20position%3A%20sticky%20scroll%20initial%20position%20into%20view
MDN Web Docs: https://developer.mozilla.org/en-US/search?q=CSS%20position%3A%20sticky%20scroll%20initial%20position%20into%20view
Baseline status: https://webstatus.dev/?q=CSS%20position%3A%20sticky%20scroll%20initial%20position%20into%20view

Samples: https://jsbin.com/simivof/edit?html,output

View on chromestatus.com