After all this time, it’s rare for me to use CSS and get confused by its behavior, but today was such a day.

I had an element with “position: relative” and “&::after { position: absolute }”. Whenever the ::after element was displayed, the outer element’s size changed, but only if it also contained a child element with a margin.

This shouldn’t happen? Why would an absolute-positioned element affect anything? I chose “::after { position: absolute }” specifically to add a focus indicator without it interfering with the layout.

I can’t believe I had to cut this post in two to fit on Bsky. What a ridiculously low character limit

@volpeon the amount of time I spent today trying to slim down an already short introduction post to 300 characters was crazy

I had to shorten business to biz... I have never said that in my life

@volpeon imagine having a character-limit less than twitter...Funny aside. Do you know what happens with too long posts from fedi when they go over there via bridgy?

It adds ... at the end of the charlimit and a link to the original post. 300 characters sure aint much.

@volpeon btw that post was almost 300 already