While reviewing suggested edits I encountered a question with a rather long single-word title (with no suitable word-breaking characters). The side-by-side view of these posts caused the text of the question titles to overlap in an unreadable way. (See picture below, which I have annotated with a red arrow pointing at the problem.) This is a style/cosmetic issue; the actual data on the page, upon inspection using browser debugging tools, was correct.
The exact text of this title, in this case, happened to be PX.Data.Maintenance.PXSiteLockout+DBLock+Definition
which seems to have no spaces or hyphens. The title was not elided or clipped. Instead, the titles of the two columns overlap creating something unreadable.
Without directly excusing what may be an inappropriate title for the question, or considering how rarely this might occur, I think that some kind of eliding, clipping, cropping, hover-to-reveal-more or something like that should be applied to ensure the text does not overlap like this to create something difficult to read.
In this case, I had to go out of my way to ensure that the proposed edit was not vandalizing the title with strange Unicode characters or something, which was my first concern, even though that concern was caused solely by this style bug.
I captured this image using Google Chrome 90.0.4430.93 on Windows 10 OS Version 2009 (Build 19042.928)
line-break
to fail. SE could change toline-break: anywhere
, I guess (this fixes the problem), but obviously it screws up normal line breakstext-overflow: ellipsis; white-space: nowrap; overflow: hidden;
could be used to implement what you are proposing, but I dunno, it looks weird (and, importantly, clips part of the title). Plus even if a:hover
pseudo-class is added, the problem of line breaking persists