Bug 264440

Summary: CSS fade transition on a <span> causes clipping with an italic font
Product: WebKit Reporter: John Noble <2020>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 17   
Hardware: Mac (Apple Silicon)   
OS: macOS 14   
Attachments:
Description Flags
A screenshot of the clipped text none

John Noble
Reported 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.
Attachments
A screenshot of the clipped text (31.71 KB, image/png)
2023-11-08 14:47 PST, John Noble
no flags
Radar WebKit Bug Importer
Comment 1 2023-11-15 14:47:41 PST
Note You need to log in before you can comment on or make changes to this bug.