Bug 282099

Summary:

CSS @layer nested inside selector does not work for pseudo-elements (::before/::after)

Product:

WebKit

Reporter:

Shaw Jia <xiaozj>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

ahmad.saleem792, koivisto, nicole, simon.fraser

Priority:

Version:

Safari 18

Hardware:

iPhone / iPad

OS:

iOS 18

Attachments:

Description	Flags
example to demonstrate bug	none
Safari vs Other browsers	none

Shaw Jia

Reported 2024-10-25 09:54:02 PDT

Created attachment 473043 [details] example to demonstrate bug For pseudo-elements (::before/::after), @layer nested inside selector does not work. See Code Pen example (also attached): https://codepen.io/Miragecraft/pen/gOVoOYp This bug also shows up in Firefox, but Chrome is unaffected. Firefox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1927174

Attachments
example to demonstrate bug (1.24 KB, text/html) 2024-10-25 09:54 PDT, Shaw Jia	no flags	Details
Safari vs Other browsers (504.09 KB, image/png) 2024-10-28 13:19 PDT, Ahmad Saleem	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Ahmad Saleem

Comment 1 2024-10-28 13:19:22 PDT

Created attachment 473066 [details] Safari vs Other browsers

Ahmad Saleem

Comment 2 2024-10-28 13:20:20 PDT

It seems to be working fine in Safari Technology Preview, so marking this as `RESOLVED CONFIGURATION CHANGED`.

Note You need to log in before you can comment on or make changes to this bug.