WebKit Bugzilla
New
Browse
Search+
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
NEW
294556
Characters overflowing the element are cut off when CSS animation is applied
https://bugs.webkit.org/show_bug.cgi?id=294556
Summary
Characters overflowing the element are cut off when CSS animation is applied
Roel Nieskens
Reported
2025-06-16 07:26:02 PDT
Created
attachment 475581
[details]
Screenshot of the correct and the cut-off letter f Demo:
https://codepen.io/RoelN/pen/yyNqgyX
There are two elements with the letter "f" in a swashy font. The first element shows the full "f". The second element has all the swashes outside the element cut off. It appears to have `overflow: hidden`. This is caused by setting an animation on it. If you remove or disable the animation, the second "f" will render fine. Tested on Safari Version 18.4 (20621.1.15.11.10), 15.4.1 (24E263). But also spotted on other versions.
Attachments
Screenshot of the correct and the cut-off letter f
(154.50 KB, image/png)
2025-06-16 07:26 PDT
,
Roel Nieskens
no flags
Details
View All
Add attachment
proposed patch, testcase, etc.
Alexey Proskuryakov
Comment 1
2025-06-16 13:04:57 PDT
Possibly a dupe of
bug 6274
.
Radar WebKit Bug Importer
Comment 2
2025-06-23 07:26:12 PDT
<
rdar://problem/154091976
>
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