Re: [csswg-drafts] [css-anchor-1] More declarative syntax for simple cases (#7757)

Agenda+ to discuss adding the `auto` anchor-side keyword as described above: it requires the opposite inset property to be `auto`, and automatically positions the edge against the opposite edge of the anchor, falling back to using the opposite sides if needed.

That is, `.popup { top: anchor(--target auto); bottom: auto; }` will default to putting the top edge of the popup against the bottom edge of the target, but will flip to put popup's *bottom* edge against the target's *top* edge if needed to satisfy the fallback rules.

----

Also want to discuss the possible constraints of the proposed `sticky` keyword, that just slides to avoid leaving the screen rather than flipping all at once. I think @emilio mentioned Firefox UI having this behavior available - what are the exact constraints there, and is it good or should we do something different?

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


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

Received on Wednesday, 19 October 2022 22:47:34 UTC