Becausesf-dump-ellipsisspans needed atext-ellipsis, their overflowing content was cut usingoverflow: hidden. As it required their inner display type to beblock, this broke the alignment with the ellipsis’ “tail”. This was fixed by#53147 by making every dump’sspansinline-flex.

This change madesf-dump-ellipsis’display,max-width andvertical-align properties useless so this PR removes them, as well as a duplicatedoverflow one.

Now,inline-flex elements’ content becomes flex items, which caused#57980 because

if the entire sequence of [a flex item’s] text runs contains only white space […] it is […] not rendered

https://www.w3.org/TR/css-flexbox-1/#flex-items

Instead of making every dump’sspansinline-flex, this PR targets a newsf-dump-ellipsization class added tosf-dump-ellipsis’ parents.

It also wraps ellipsis tails with elements bearing thesf-dump-ellipsis-tail class so that we can prevent them to shrink:

Before:

After: