Bug 243832

Summary:	::first-letter styles should apply to text in slot element
Product:	WebKit	Reporter:	Sarah Gebauer <sarah>
Component:	CSS	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED FIXED
Severity:	Normal
Priority:	P2
Version:	Safari 15
Hardware:	Mac (Apple Silicon)
OS:	macOS 12

Description Sarah Gebauer 2022-08-11 09:41:20 PDT

Example https://codepen.io/xgebi/pen/zYWJZZj

In both, Firefox and Chrome, when I try to style first letter of a div element which gets its content through slot, ::first-letter styles should apply. In the example above 'A' should be blue and 'bc' red.

At the moment Safari can detect ::first-letter styles but does not apply them.

Comment 1 Sarah Gebauer 2022-08-11 09:53:26 PDT

(In reply to Sarah Gebauer from comment #0)
> Example https://codepen.io/xgebi/pen/zYWJZZj
> 
> In both, Firefox and Chrome, when I try to style first letter of a div
> element which gets its content through slot, ::first-letter styles should
> apply. In the example above 'A' should be blue and 'bc' red.
> 
> At the moment Safari can detect ::first-letter styles but does not apply
> them.

It's resolved in Safari TP.