Bug 157698

Summary: REGRESSION(r189567): text-overflow: ellipsis doesn't work with display: flex
Product: WebKit Reporter: Ryosuke Niwa <rniwa>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED INVALID    
Severity: Normal CC: hyatt, jonlee, mmaxfield, simon.fraser, svillar
Priority: P2 Keywords: InRadar
Version: Other   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=146020
Attachments:
Description Flags
Reduction
none
Test case rendered by Blink,WebKit and Firefox none

Ryosuke Niwa
Reported 2016-05-13 17:42:51 PDT
Created attachment 278901 [details] Reduction text-overflow: ellipsis doesn't work when it's specified with display: flex.
Attachments
Reduction (282 bytes, text/html)
2016-05-13 17:42 PDT, Ryosuke Niwa 		no flags
Details
Test case rendered by Blink,WebKit and Firefox (63.63 KB, image/png)
2016-05-19 04:10 PDT, Sergio Villar Senin 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Ryosuke Niwa
Comment 1 2016-05-13 17:43:01 PDT
<rdar://problem/26075120>
Ryosuke Niwa
Comment 2 2016-05-13 19:35:43 PDT
This is a regression from http://trac.webkit.org/changeset/189567.
Ryosuke Niwa
Comment 3 2016-05-13 19:36:09 PDT
Sergio, would you be able to look into this regression?
Jon Lee
Comment 4 2016-05-16 14:05:15 PDT
Might this be correct behavior? I don't see an ellipsis in Chrome or Firefox.
Sergio Villar Senin
Comment 5 2016-05-19 04:10:29 PDT
Created attachment 279378 [details] Test case rendered by Blink,WebKit and Firefox Are you sure this is a regression Ryosuke? It looks like we output the same outcome as Chrome and Firefox. I am far from a Flexbox expert but it looks like the three web engines agree on the expected results. I'm attaching a screenshot rendering your test case (I forced an Arial 18px font to get exactly the same output) using Blink ToT, WK ToT and FF ToT.
Note You need to log in before you can comment on or make changes to this bug.