Ok, I would disagree that cropping is the best default. The overflow effect is typically unintended (eg. the new design was never tested with the German transla

Ok, I would disagree that cropping is the best default. The overflow effect is typically unintended (eg. the new design was never tested with the German translation), but at least you can read the text if it happens. Silently hiding content would be way worse for the user IMHO. You might deliberately want to crop text to get some particular visual effect, but I cant see why you would want it to be the default for all text. The issue is you are putting a bigger box inside a smaller box. There is no perfect way to solve this, but css defaults to respecting the specified sizes by letting the inner box overflow the edge of the outer box. Seems reasonable to me, and you can get scaling or scrolling or cropping instead if you specify so.