Closed Bug 1086218 Opened 8 years ago Closed 8 years ago

Text not truncated with ellipsis

Categories

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

x86_64
Windows 7
defect
Not set
normal

Tracking

()

RESOLVED INVALID

People

(Reporter: mattias.ostergren, Unassigned)

References

Details

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.
Jet, is this the right component, or is there a better place for it?
Flags: needinfo?(bugs)
John: This one's reported to be a recent regression. Can you have a look?
Component: CSS Parsing and Computation → Layout: Text
Flags: needinfo?(bugs) → needinfo?(jdaggett)
Looks like a change in flexbox layout.
Flags: needinfo?(jdaggett) → needinfo?(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.
Blocks: 1015474
Status: NEW → RESOLVED
Closed: 8 years ago
Flags: needinfo?(dholbert)
Resolution: --- → INVALID
Thanks, Mats and Daniel!
Resolution: INVALID → FIXED
Resolution: FIXED → INVALID
You need to log in before you can comment on or make changes to this bug.