Bug 264440

Summary:

CSS fade transition on a <span> causes clipping with an italic font

Product:

WebKit

Reporter:

John Noble <2020>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

Safari 17

Hardware:

Mac (Apple Silicon)

OS:

macOS 14

Attachments:

Description	Flags
A screenshot of the clipped text	none

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>