Bug 294556

Summary:

Characters overflowing the element are cut off when CSS animation is applied

Product:

WebKit

Reporter:

Roel Nieskens <webkitbugzilla>

Component:

Animations

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

fantasai.bugs, graouts, raynabin562, rik, vitor.roriz, webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

Safari 18

Hardware:

Mac (Apple Silicon)

OS:

iOS 18

Attachments:

Description	Flags
Screenshot of the correct and the cut-off letter f	none

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.