[Bug] nowrap-label PW-navigatie veroorzaakt onduidelijkheid

[HyperioN]

Ik was op zoek naar een externe harde schijf, en liep tegen een kleinigheidje aan in de Pricewatch:

Als je in de Pricewatch op het overzichtsscherm navigeert naar "Componenten en randapparatuur" en vervolgens "Opslag" krijg je dit te zien:
(Chrome 61, macOS 10.12.6):


Zoals je ziet staat linksboven "Externe HDD/S..." Dus ik verwachtte dat dat staat voor "Externe HDD/SSD drives" of iets dergelijks. Maar als je erop klikt, blijkt het te gaan om "Externe HDD/SSD behuizingen".
Dan zit ik dus in compleet de verkeerde categorie te kijken, omdat label dus afgekapt wordt op een onhandige manier. Ik bleek te moeten kiezen voor "Externe harde s...".
Je zult begrijpen dat dit voor onduidelijkheid zorgt, ik weet pas welke ik moet hebben door erop te klikken, of door te hoveren en dan komt de title-tooltip naar voren; maar dat is ook irritant want dat duurt lang.

Het label wordt afgekapt d.m.v.

Cascading Stylesheet:

white-space: nowrap;
text-overflow: ellipsis;

Dit terwijl er wel ruimte is voor 2 regels. Als ik white-space: nowrap namelijk uitzet, is het allemaal prima leesbaar:


Dus ik zou aanraden om dit gewoon op deze manier te doen.
Andere optie zou zijn om de lange categorienamen te verkorten of om de buttons/vakjes te vergroten maar dat lijkt me meer werk ;-)

Het is een kleinigheidje want ik zie dat de meeste categorieën dusdanig kort zijn dat ze netjes in één regel passen. Maar ik dacht ik meldt het toch maar even.

p.s. Ik twijfelde even of ik dit in Bugs of Features moest gooien; maar aangezien het belemmerend is, toch maar in Bugs.

[crisp]

Ellipsis weghalen heeft wel weer als nadeel dat o.a. 'Hardeschijfcontrollers' en 'Geheugenkaartlezers' weer lelijk afgekapt worden, maar persoonlijk denk ik dat de voordelen wel opwegen tegenover de nadelen.

Ik verplaats deze toch even naar Mooie Features omdat dit wel iets is waar uiteindelijk de productowner iets over moet zeggen

[NMe]

crisp schreef op donderdag 5 oktober 2017 @ 12:37:
Ellipsis weghalen heeft wel weer als nadeel dat o.a. 'Hardeschijfcontrollers' en 'Geheugenkaartlezers' weer lelijk afgekapt worden

Wbr-tags ondersteunen zou een optie kunnen zijn?

[crisp]

NMe schreef op donderdag 5 oktober 2017 @ 12:40:
[...]

Wbr-tags ondersteunen zou een optie kunnen zijn?

Dan beter nog een soft-hyphen

Maar in namen van entiteiten is dat niet heel erg praktisch; dat gaat geheid op andere plekken voor problemen zorgen...

[HyperioN]

crisp schreef op donderdag 5 oktober 2017 @ 12:37:
Ellipsis weghalen heeft wel weer als nadeel dat o.a. 'Hardeschijfcontrollers' en 'Geheugenkaartlezers' weer lelijk afgekapt worden, maar persoonlijk denk ik dat de voordelen wel opwegen tegenover de nadelen.

Ik verplaats deze toch even naar Mooie Features omdat dit wel iets is waar uiteindelijk de productowner iets over moet zeggen

Check mijn tweede screenshot.
Je kunt text-overflow: ellipsis aan laten staan, maar white-space: nowrap uit.
Dan krijg je dus dat "Externe HDD/SSD behuizingen" netjes overloopt naar de tweede regel, terwijl "Geheugenkaartlezers" nog altijd "netjes" afgekapt wordt als "Geheugenkaartl…"

[crisp]

HyperioN schreef op donderdag 5 oktober 2017 @ 13:40:
[...]

Check mijn tweede screenshot.
Je kunt text-overflow: ellipsis aan laten staan, maar white-space: nowrap uit.
Dan krijg je dus dat "Externe HDD/SSD behuizingen" netjes overloopt naar de tweede regel, terwijl "Geheugenkaartlezers" nog altijd "netjes" afgekapt wordt als "Geheugenkaartl…"

Ah ja, nog beter