1086218 - Text not truncated with ellipsis

Status: RESOLVED INVALID

(Core :: Layout: Text and Fonts, defect)

Description

[Mattias Östergren]

Precondition
http://jsbin.com/dibipuyoce/ is accessible.

Please  note that the step-by-step is reproducible on Firefox nightly desktop browser (36.0a1) and FFOS 2.1 (tested on Flame/34.0a2 20141001125143).
Chrome (38.0.2125.101 m) and Firefox browser (32.0.3 & 33.0) works.

Step-by-step
1. On your (Windows) desktop computer, open the link in Chrome (or Firefox Stable).
2. What you now see on your screen is a correct rendering of the page i.e. the expected behavior. Text is truncated with ellipsis.
3. Next, open the same link in Firefox Nightly. Or open the link in FFOS 2.1 browser app.
4. The page is rendered differently - text is not truncated with ellipsis.

Comment 1

[Milan Sreckovic [:milan] (needinfo for best results)]

Jet, is this the right component, or is there a better place for it?

Comment 2

[Jet Villegas (inactive)]

John: This one's reported to be a recent regression. Can you have a look?

Comment 3

[Mats Palmgren (inactive)]

Looks like a change in flexbox layout.

Comment 4

[Daniel Holbert [:dholbert]]

We're doing what the spec calls for here -- this is an expected result of bug 1015474.  This is a relatively recent spec change, which is why Chrome doesn't match us on it (yet).

Basically: flex items will refuse to shrink below their minimum intrinsic width, unless you explicitly specify "min-width" or "width" or "max-width" on them.

You get the expected result if you add "min-width: 0;" to the rule for .row .column.

Comment 5

[Jet Villegas (inactive)]

Thanks, Mats and Daniel!