WebKit Bugzilla
New
Browse
Search+
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
RESOLVED FIXED
258265
`text-overflow: ellipsis` doesn't work with `overflow: clip`
https://bugs.webkit.org/show_bug.cgi?id=258265
Summary
`text-overflow: ellipsis` doesn't work with `overflow: clip`
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
Details
Formatted Diff
Diff
Patch
(4.86 KB, patch)
2023-06-22 19:34 PDT
,
alan
no flags
Details
Formatted Diff
Diff
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.
Top of Page
Format For Printing
XML
Clone This Bug