Open Bug 2063991 Opened 2 months ago Updated 22 days ago

Element-backed pseudo-elements fail to match within @scope

Categories

(Core :: CSS Parsing and Computation, defect, P3)

defect

Tracking

()

Tracking Status
firefox156 --- affected

People

(Reporter: jakea, Unassigned)

References

(Blocks 1 open bug)

Details

https://jsbin.com/gekajekizu/edit?html,css,output

Also impacts other pseudo-elements, like ::details-content, as reported here https://bsky.app/profile/berndderidder.nl/post/3mt22n2sh3k2c

Hmm, I think this only affects element-backed pseudo-elements (probably because they're in a different shadow tree).

E.g. ::before / ::after / ::file-selector-button work.

Severity: -- → S3
Priority: -- → P3
Summary: pseudo-elements fail to match within @scope → Element-backed pseudo-elements fail to match within @scope

This is a major show-stopper for @scope usage unfortunately... in real-world code having these pseudo-elements is very common. And @scope in particular is a feature that is very useful on "wide" parts of a codebase, for instance as a container around entire components.

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