Re: Weirdly truncated text on Android
Reply #16 –
Probably something to do with http://aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa (at least I don't see why you wouldn't want it to break on http://aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa/aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa/aaaaaaaaaaa/aaaaaaaaaaaaaaaaaaaaaaaa/aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa/aaaaaaaaaaaaaaaaaa).
That use case would be served by maintaining these:
display: inline-block;
overflow: hidden;
max-width: 100%;
text-overflow: ellipsis;
The only potential downside is that this might look mildly curious:
http://aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa/aaaaaaaaaaaaaaaaaaaaaaaa/aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa/aaaaaaaaaaaaaaaaaa
That'd turn into
http://aaaaaaaaaaaaaaaaaaaaaaaaa...
/aaaaaaaaaaaaaaaaaaaaaaaa/etc
Of course in turn that'd break the same-line thing.
I think it would be more elegant to add text-overflow:ellipsis to the post container, but perhaps this whole solution stems from that apparently not having, e.g., a .postarea class in every location (.post in preview).
All in all my main complaint is white-space: nowrap. Details like word-break: break-all could also be interesting but that's just polish.