Re: [csswg-drafts] [css-position-3] Making a stickypos in a scroller also see the viewport edges (#8286)

In https://github.com/w3c/csswg-drafts/issues/7475#issuecomment-1182982687 I pondered about making `position` a longhand, allowing authors to also specify a reference thing to calculate the positioning against.

Maybe for `position: sticky` this could be:

- `position: sticky / ancestor` _(default)_
- `position: sticky / viewport`
- `position: sticky / sibling <integer>`

For that third item in the list above a extra`<integer>` is needed to specify the level of stickiness. That way, one can stick elements against other stuck siblings, to form some sort of stack. See https://github.com/w3c/csswg-drafts/issues/2496#issuecomment-1206643962 for earlier thoughts and more details on this. One major downside though is that this would be `z-index` struggles all over again.

Also, when you say viewport I think you mean the Layout Viewport but maybe – referring to @flackr’s description in #7475, option 5 – the Fixed Viewport _(= Visual Viewport before zoom)_ would make more sense?

-- 
GitHub Notification of comment by bramus
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8286#issuecomment-1384673690 using your GitHub account


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

Received on Monday, 16 January 2023 23:38:37 UTC