Bug 173954 - text-overflow: ellipsis should take effect after relative positioning, but does not
Summary: text-overflow: ellipsis should take effect after relative positioning, but do...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: FromImplementor, InRadar
Depends on:
Blocks:
 
Reported: 2017-06-28 19:36 PDT by Florian Rivoal
Modified: 2023-11-29 17:44 PST (History)
7 users (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Florian Rivoal 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.
Comment 1 Florian Rivoal 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)
Comment 2 Radar WebKit Bug Importer 2017-06-29 08:11:55 PDT 
<rdar://problem/33054512>
Comment 3 Karl Dubost 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.
Comment 4 Ahmad Saleem 2023-11-29 17:44:57 PST 
Another test case: https://jsfiddle.net/353qnx4v/6/

From Chromium bug: crbug.com/404213