Afgebroken koppen onder een artikel bij 'Lees meer'

[Fiber]

Niet zeker of het een bug is of iets anders, maar slordig is het wel, die afgebroken koppen onder een artikel bij 'Lees meer':

[Ramon]

Is al vaker aangekaart ja, t ziet er niet uit, maar is wel by design als ik het me goed herinner.

[crisp]

Dit is inderdaad 'by design'. Er is voor gekozen om de koppen over maximaal 2 regels te laten wrappen; hierdoor passen ze helaas niet altijd (of eigenlijk vaak niet) helemaal...

[Eitot]

Wellicht is het duidelijker om dan een ellips (…) aan het eind van de tweede regel te tonen. Ik betrap mij er regelmatig op dat ik een afgebroken kop lees, “hè?” denk en mij dan weer herinner dat de kop niet volledig wordt getoond.

[XWB]

Helaas, een CSS ellipsis werkt niet over meerdere regels.

Er zijn wel wat workarounds maar de vraag is of dergelijke hacks het waard zijn, onder andere omdat dit niet goed werkt in elke browser.

[ Voor 56% gewijzigd door XWB op 07-02-2021 14:04 ]

[InFamous]

XWB schreef op zondag 7 februari 2021 @ 13:59:
Helaas, een CSS ellipsis werkt niet over meerdere regels.

Er zijn wel wat workarounds maar de vraag is of dergelijke hacks het waard zijn, onder andere omdat dit niet goed werkt in elke browser.

Er is toch een nieuw attribuut line-clamp daarvoor?

[XWB]

Voor zover ik weet is line-clamp onderdeel van een draft spec, en nog niet klaar om breed ingezet te worden.

[InFamous]

XWB schreef op zondag 7 februari 2021 @ 14:14:
Voor zover ik weet is line-clamp onderdeel van een draft spec, en nog niet klaar om breed ingezet te worden.

Sure? Ik nam eigenlijk aan dat het inmiddels al wel in gebruik was. Halverwege 2019 zat het al in de editors draft.

[crisp]

Zo te zien is de support van de prefixed versie best groot, en volgens mij kan je het gewoon als 'extra' inzetten. Ik denk dat we hier wel naar kunnen kijken

[XWB]

InFamous schreef op zondag 7 februari 2021 @ 14:20:
[...]


Sure? Ik nam eigenlijk aan dat het inmiddels al wel in gebruik was. Halverwege 2019 zat het al in de editors draft.

Volgens https://www.w3.org/TR/css...ropdef--webkit-line-clamp is de spec nog steeds een draft. Natuurlijk kan je ermee experimenteren, maar het behaviour kan theoretisch nog wijzigen.