Bug 243832

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

Sarah Gebauer
Reported 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.
Attachments
Sarah Gebauer
Comment 1 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.
Note You need to log in before you can comment on or make changes to this bug.