Post

How do you make a button that doesn't change it's width when it's in a loading state? Use CSS Grid to stack items, and visibility: hidden to hide/show spinner! This approach allows the largest item to size the button, and keeps the button text accessible

I guess better from a UX perspective, but it looks a little messy

In isolation maybe but it feels very natural in real-world situations. It’s far less unnerving than having content disappear during a mutation or action.

Yeah I agree that there are better UI patterns than this. It’s the same with labels that disappear as you start typing