I like the distinction between normal wrapping and emergency breaking here. It’s tempting to use word-break: break-all when a long value causes a layout issue, but applying it globally can make Arabic prose much harder to read. Scoping overflow-wrap: anywhere to genuinely unbreakable values seems like a much safer approach.
The point about min-inline-size: 0 is also easy to overlook. In flex or grid layouts, the child’s intrinsic minimum size can prevent the ellipsis from working even when the other properties look correct.
I’d also agree that identifiers and error messages deserve a different policy from card titles. An ellipsis is fine for a preview, but not when the hidden portion could change what a user needs to copy, verify, or act on.
I like the distinction between normal wrapping and emergency breaking here. It’s tempting to use
word-break: break-allwhen a long value causes a layout issue, but applying it globally can make Arabic prose much harder to read. Scopingoverflow-wrap: anywhereto genuinely unbreakable values seems like a much safer approach.The point about
min-inline-size: 0is also easy to overlook. In flex or grid layouts, the child’s intrinsic minimum size can prevent the ellipsis from working even when the other properties look correct.I’d also agree that identifiers and error messages deserve a different policy from card titles. An ellipsis is fine for a preview, but not when the hidden portion could change what a user needs to copy, verify, or act on.