ElkArte Community

Where's the value of having the last character chopped off here?

What browser?

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. ;)

Get with the times ema!!

NOEZ!!

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.

In fact, it may very well shorten the text inside an a tag quite a bit, of course you need to to have quite a bunch of text to have a taste of it without shrinking way too much the window. (http://www.elkarte.net/community/index.php?topic=1965.msg32697#new)

Somehow unusual. :P

Right, and I definitely consider that undesirable, but putting some words in front of it doesn't seem to make it do that particular extra-bad thing. "In fact, it may very well shorten the text inside an a tag quite a bit, of course you need to to have quite a bunch of text to have a taste of it without shrinking way too much the window. (http://www.elkarte.net/community/index.php?topic=1965.msg32697#new)"

What I see is:

"
In fact, blabla…
"

Not:

thing. "In fact…"

like on the screenshot in the OP.

You mean In fact, it may very well shorten the text inside an a tag quite a bit, of course you need to to have quite a bunch of text to have a taste of it without shrinking way too much the window. (http://www.elkarte.net/community/index.php?topic=1965.msg32697#new) this should stay on the same line?

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