Bali Balo

Bali Balo

@bali.balo.cool

bali.balo.cool

29 followers44 following24 posts

Bali Balo
@bali.balo.cool

Did you know? You can create buttons in your console logs (kind of): just use a getter console.log({ get button() { /* run action here */ return 'ok'; } }) Also handy for snippets, if they need to run interruptible actions, like in the video below

Bali Balo
@bali.balo.cool

Is anyone familiar with CSS anchor positioning and willing to help? This feels like a bug but not sure. codepen.io/bali_balo/pe... (Chrome/Edge only) Basically I want my target centered to the right of my anchor (with fallbacks: if the target is tall and doesn't fit, try to shift it down or up)

codepen.ioAnchor positioning with scrollWhen an anchored popover element using `span-all` in the block direction is shown while the page is scrolled down, the target is offset (displayed in t...
View full thread
Bali Balo
@bali.balo.cool

Is anyone familiar with CSS anchor positioning and willing to help? This feels like a bug but not sure. codepen.io/bali_balo/pe... (Chrome/Edge only) Basically I want my target centered to the right of my anchor (with fallbacks: if the target is tall and doesn't fit, try to shift it down or up)

codepen.ioAnchor positioning with scrollWhen an anchored popover element using `span-all` in the block direction is shown while the page is scrolled down, the target is offset (displayed in t...
Bali Balo
@bali.balo.cool

position-area: span-all inline-end mostly does what I want, but weird: if shown after the page is scrolled, the target is positioned where it would be without the scroll offset (but scrolling while it is already shown keeps it in the right position)

You are up to date.