Bug 173954

Summary: text-overflow: ellipsis should take effect after relative positioning, but does not
Product: WebKit Reporter: Florian Rivoal <florian>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, hyatt, karlcow, mmaxfield, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: FromImplementor, InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
Attachments:
Description Flags
failing test case
none
rendering in Safari, firefox, chrome none

Florian Rivoal
Reported 2017-06-28 19:36:47 PDT
Created attachment 314092 [details] failing test case Based on https://drafts.csswg.org/css-ui-3/#text-overflow, > Ellipsing occurs after relative positioning and other graphical transformations. Webkit does not respect this requirement, and that causes the attached test case to fail.
Attachments
failing test case (932 bytes, text/html)
2017-06-28 19:36 PDT, Florian Rivoal 		no flags
Details
rendering in Safari, firefox, chrome (118.56 KB, image/png)
2022-06-03 00:31 PDT, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Florian Rivoal
Comment 1 2017-06-28 19:39:50 PDT
(Note: the attached test file, following the convention of the csswg, requires the ahem font to be installed)
Radar WebKit Bug Importer
Comment 2 2017-06-29 08:11:55 PDT
<rdar://problem/33054512>
Karl Dubost
Comment 3 2022-06-03 00:31:59 PDT
Created attachment 460002 [details] rendering in Safari, firefox, chrome Only Firefox shows a full green square (PASS) Chrome and Safari shows the red square.
Ahmad Saleem
Comment 4 2023-11-29 17:44:57 PST
Another test case: https://jsfiddle.net/353qnx4v/6/ From Chromium bug: crbug.com/404213
Note You need to log in before you can comment on or make changes to this bug.