Bug 258265

Summary: `text-overflow: ellipsis` doesn't work with `overflow: clip`
Product: WebKit Reporter: Benoît Rouleau <benoit.rouleau>
Component: CSSAssignee: alan <zalan>
Status: RESOLVED FIXED    
Severity: Major CC: karlcow, mmaxfield, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Safari 16   
Hardware: All   
OS: All   
Attachments:
Description Flags
HTML file showing the issue
none
Patch
none
Patch none

Benoît Rouleau
Reported 2023-06-18 14:02:18 PDT
Created attachment 466747 [details] HTML file showing the issue See the attached HTML file. The `div` has `text-overflow: ellipsis` on it, which combined with its width that is smaller than its contents + `white-space: nowrap` + `overflow: clip`, should show an ellipsis where the text gets clipped. It works in all other major browsers (Chrome, Edge, and Firefox). In Safari, it only works if we change `overflow: clip` to `overflow: hidden`.
Attachments
HTML file showing the issue (392 bytes, text/html)
2023-06-18 14:02 PDT, Benoît Rouleau 		no flags
Details
Patch (3.62 KB, patch)
2023-06-22 16:47 PDT, alan 		no flags
DetailsFormatted DiffDiff
Patch (4.86 KB, patch)
2023-06-22 19:34 PDT, alan 		no flags
DetailsFormatted DiffDiff
Show Obsolete (1) View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2023-06-22 14:36:33 PDT
<rdar://problem/111182654>
alan
Comment 2 2023-06-22 14:47:12 PDT
I bet we accidentally started gating this on overflow: hidden and missed overflow: clip :/ Thank you for the report/simple test case!
alan
Comment 3 2023-06-22 16:47:51 PDT
Created attachment 466801 [details] Patch
alan
Comment 4 2023-06-22 19:34:38 PDT
Created attachment 466803 [details] Patch
EWS
Comment 5 2023-06-22 21:56:55 PDT
Committed 265445@main (ca9936559899): <https://commits.webkit.org/265445@main> All reviewed patches have been landed. Closing bug and clearing flags on attachment 466803 [details].
Note You need to log in before you can comment on or make changes to this bug.