Rare line-split forum

[MK_]

Hallo

Bij Galgje worden "woorden" soms raar gesplitst, voornamelijk 3 letterwoorden. Nu dacht ik eerst dat het aan mijn CSS lag, maar het probleem doet zich ook voor zonder custom-CCS.

Het doet zich (bij mij) enkel door bij Chrome, zowel dekstop als mobile. Tevens enkel bij full-screen:


Doe ik hetzelfde op Edge, dan werkt het wel:


Zet ik ze op 50%, dan werkt het ook:


Het is dus enkel op Chrome en dan voornamelijk full screen, zowel op desktop als mobile. Op Mobile forceer ik desktop mode, op PC automatisch schalen. Bij desktop en UHD-mode doet het zich voor, kleiner niet.

Grtz, MK

[Kees]

Ah, de zoek url...
Galgje Deel 48

Ik heb hetzelfde in chrome, lijkt erop dat de highlight verkeerd gaat

[ Voor 65% gewijzigd door Kees op 29-11-2018 14:44 ]

[crisp]

Lijkt eerder op een bug in chrome ism word-wrap:break-word; er is geen enkele reden om die tekst daar af te breken...

[MK_]

Ah ja, was misschien handig om een linkje mee te geven

Er zijn meer combinaties waar het bij voorkomt, bijvoorbeeld:
Galgje Deel 48

Het is niet alleen bij de highlights, had enkel gefilterd voor een specifiek geval.

Persoonlijk vond ik het ook al een rare bug, dus aan een bug in Chrome dacht ik ook al. Meer gezien het zich voordoet sinds de laatste iteratie (toevoeging van het pin-icoontje) vond ik het toch opvallend.

[crisp]

Ik gok eerder dat de nieuwe versie chrome de boosdoener is; eind vorige week is versie 70 uitgerold en we zijn al tegen meer issues in die versie aangelopen...

[nescafe]

Voorbeeld afbreking zonder highlighting:



3-fase railsysteem met een aparte voeding per fase mogelijk?

Chrome 70.0.3538.110
Windows 10 1809

[ Voor 6% gewijzigd door nescafe op 29-11-2018 22:37 ]

[crisp]

Vroeger had alleen IE dit soort vage renderbugs

[Hero of Time]

Daarna nam Safari het over. Je gaat je hiermee toch afvragen of er wel degelijk getest wordt door de ontwikkelpartij.

[crisp]

Lokaal opgelost dmv een workaround:

Cascading Stylesheet:

.action_list li.rating .thumbsup,
.action_list li.pinning .pin {
    vertical-align: bottom;
}

[ Voor 4% gewijzigd door crisp op 30-11-2018 09:26 ]

[MK_]

crisp schreef op vrijdag 30 november 2018 @ 09:26:
Lokaal opgelost dmv een workaround:

Cascading Stylesheet:

.action_list li.rating .thumbsup,
.action_list li.pinning .pin {
    vertical-align: bottom;
}

That worked for me

[crisp]

En nu voor iedereen