Email or username:

Password:

Forgot your password?
Dave's posts Post Back to profile
Dave Letorey

Oh my word CSS is freaking amazing, coming soon to all browsers anchor-positioning.

This demo has ZERO JS and uses `anchor-positioning` and `popover`

codepen.io/CodeRedDigital/pen/

3 September at 12:02 | Open on front-end.social
5 comments
Vadim Makeev

@dletorey Hmm, it only properly works for me in Chrome Canary 130 and doesn’t fully work in Chrome 128.

A popover is positioned at the bottom of the page, not next to the icon that opened it.
3 September at 13:02 | Open on mastodon.social
Dave Letorey

@pepelsbey I knew I should have checked I only used experimental browsers

3 September at 13:16 | Open on front-end.social
Dave Letorey

@pepelsbey fixed with this:

/* inset-area has been changed to position area in chrome v129 */
inset-area: top;
position-area: top;

3 September at 13:24 | Open on front-end.social
Thomas

@dletorey Not related to the awesome part I’m very much looking forward to, but doesn’t placing interactive elements inside a label have all kinds of weird side effects?

3 September at 17:44 | Open on social.thomasjaggi.ch
Go Up