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