[csswg-drafts] [css-overscroll] `position: sticky` elements should not move during overscroll when in stuck state (#8309)

atomiks has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-overscroll] `position: sticky` elements should not move during overscroll when in stuck state ==
[Originally made a comment here, but seemed to get lost.](https://github.com/w3c/csswg-drafts/issues/6299#issuecomment-1166355820)

## Problem

When combining `position: fixed` and `position: sticky` elements together, the latter moves during overscroll despite being in the "stuck" or "fixed" state, causing the issues seen in the demos below. I have noticed this on several sites where elements that should remain together now detach and overlap in undesirable ways when mixing each value.

## Demos

https://user-images.githubusercontent.com/22450188/212393676-cad40561-0731-4d46-a5bb-7cdd78e1e41d.mov

https://user-images.githubusercontent.com/22450188/212393955-03ecd51a-629a-4af2-9ed9-e77d4110ff1f.mov



Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8309 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 13 January 2023 18:41:54 UTC