Bug 264440 - CSS fade transition on a <span> causes clipping with an italic font
Summary: CSS fade transition on a <span> causes clipping with an italic font
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 17
Hardware: Mac (Apple Silicon) macOS 14
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-11-08 14:47 PST by John Noble
Modified: 2023-11-15 14:47 PST (History)
1 user (show)

See Also:

Attachments
A screenshot of the clipped text (31.71 KB, image/png)
2023-11-08 14:47 PST, John Noble 		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 John Noble 2023-11-08 14:47:07 PST 
Created attachment 468523 [details]
A screenshot of the clipped text

Reproduction: https://codepen.io/johnnynoble/pen/wvNJQov

Expected: click 'fade out' and 'fade in' to trigger a CSS opacity transition. The transition occurs and the text fades in/out normally.

Actual: the italic text is clipped at the edge of its container until the transition ends.
Comment 1 Radar WebKit Bug Importer 2023-11-15 14:47:41 PST 
<rdar://problem/118476409>