Currently Chrome.
arg... I cannot test it because Chrome doesn't want to work in the emulator... :-\
OT: Android phone + USB cable + Chrome for Windows and you don't need emulator :) https://developer.chrome.com/devtools/docs/remote-debugging
That assuming I have a smartphone. ;)
That is technically still a bug.
The problem is that links are cut to avoid them overflowing.
The overflow happens because of the white-space: nowrap;.
Why do we need the white-space: nowrap?
If we can get rid of it, we would be able to remove the overflow:hidden as well and have the links span on multiple lines.
I imagine it was added because in some edge cases you might get stuff like
Lalala some text [two
words]
Which would make for an easier to hit target if they weren't split up. However, I don't think that's worth making long links more worthless.
PS I don't think this happens quite the way it's shown in the OP? It looks to me like links just won't exceed one line, but they'll gladly take up the whole line.
Well yeah. Like what it does if you get rid of all the weird non-standard styling. :P
So we want to drop all of the a.bbc_link mumbo jumbo and have a simple word-wrap: break-word;
Dunno. xD
Actually, I don't remember why we added it. lol
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. :P