Skip to content

馃悰 BUG: :global() selector inside :has() does not get stripped in CSS output#139

Description

@delucis

What version of @astrojs/compiler-rs are you using?

0.3.2

What package manager are you using?

npm

What operating system are you using?

StackBlitz

Describe the Bug

When using a :global() selector nested inside :has() in CSS, it is not stripped from CSS output, resulting in CSS that does not work.

Example input:

h3:has(+ :global(h4)) {
	color:red
}

Example output:

h3[data-astro-cid-lcdefpme]:has( + :global(h4)) {
  color: red;
}

Link to Minimal Reproducible Example

https://stackblitz.com/edit/github-uauc91pm?file=src%2Fpages%2Findex.astro

Metadata

Metadata

Assignees

No one assigned

    Labels

    needs triagetriage: failedTriage failed unexpectedly; can be retried up to 3 failed attempts

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions