Page MenuHomePhabricator

Column layout breaks in Chrome when using Emoji
Closed, ResolvedPublic2 Estimated Story Points

Description

Using emoji in aliases (possibly also labels an descriptions) breaks the width of the columns in Chrome. It seems that the problem does not appear in other browsers.

Screenshot from 2019-02-27 15-12-55.png (611×1 px, 86 KB)

See e.g. https://wikidata.beta.wmflabs.org/wiki/Q515698?useformat=mobile
Possibly related: https://stackoverflow.com/questions/42016125/emoji-rendered-in-chrome-have-different-widths-than-in-other-browsers

Event Timeline

WMDE-leszek set the point value for this task to 2.Feb 27 2019, 3:58 PM

Change 493274 had a related patch set uploaded (by Pablo Grass (WMDE); owner: Pablo Grass (WMDE)):
[wikibase/termbox@master] Alias: overcome chrome flex width challenge

https://gerrit.wikimedia.org/r/493274

Change 493274 merged by jenkins-bot:
[wikibase/termbox@master] Alias: overcome chrome flex width challenge

https://gerrit.wikimedia.org/r/493274

Change 493665 had a related patch set uploaded (by Pablo Grass (WMDE); owner: Pablo Grass (WMDE)):
[mediawiki/extensions/Wikibase@master] termbox: pin latest changes

https://gerrit.wikimedia.org/r/493665

Change 493665 merged by jenkins-bot:
[mediawiki/extensions/Wikibase@master] termbox: pin latest changes

https://gerrit.wikimedia.org/r/493665

The inline-block solution used in https://gerrit.wikimedia.org/r/493665 breaks the hyphens/wrapping in place.

Change 495865 had a related patch set uploaded (by Matthias Geisler; owner: Matthias Geisler):
[wikibase/termbox@master] Fix broken word-wrap

https://gerrit.wikimedia.org/r/495865

Change 495874 had a related patch set uploaded (by Jakob; owner: Jakob):
[wikibase/termbox@master] Enforce flex item widths

https://gerrit.wikimedia.org/r/495874

Change 495874 merged by jenkins-bot:
[wikibase/termbox@master] Enforce term flex item widths in column layout

https://gerrit.wikimedia.org/r/495874

Change 495946 had a related patch set uploaded (by Pablo Grass (WMDE); owner: Pablo Grass (WMDE)):
[wikibase/termbox@master] shirinking-flex-element: add mixin

https://gerrit.wikimedia.org/r/495946

Change 495865 abandoned by Matthias Geisler:
Fix broken word-wrap

Reason:
done by https://gerrit.wikimedia.org/r/#/c/wikibase/termbox/ /495874/

https://gerrit.wikimedia.org/r/495865

Change 495946 merged by jenkins-bot:
[wikibase/termbox@master] shrinking-flex-element: add mixin

https://gerrit.wikimedia.org/r/495946

Change 496152 had a related patch set uploaded (by Jakob; owner: Jakob):
[mediawiki/extensions/Wikibase@master] Update termbox

https://gerrit.wikimedia.org/r/496152

Change 496152 merged by jenkins-bot:
[mediawiki/extensions/Wikibase@master] Update termbox

https://gerrit.wikimedia.org/r/496152