:has(...) contents are not scoped

[Rich-Harris]

Describe the bug

This...

.x:has(hr) {
  background: palegoldenrod;
}
	
:global(.y):has(hr) {
  background: palegoldenrod;
}

...becomes this:

.x.svelte-1bfks0l:has(hr) {
  background: palegoldenrod;
}
	
.y:has(hr) {
  background: palegoldenrod;
}

That's consistent with Svelte 4, but it's not consistent with how Svelte 5 handles :is(...) and :where(...). If we scoped the selector list, then either those styles would be removed as unused, or transformed into this:

.x.svelte-1bfks0l:has(hr:where(.svelte-1bfks0l)) {
  background: palegoldenrod;
}
	
.y:has([hr](hr:where(.svelte-1bfks0l))) {
  background: palegoldenrod;
}

The fourth functional pseudo-class is :not(...).

Options:

• leave things as they are
• always analyse selector lists for functional pseudo-classes
• always analyse selector lists for functional pseudo-classes of non-global selectors (i.e. :global(x).has(y) would not scope y)
• do it for :has but not :not or vice versa

I don't know off the top of my head what the right answer is, but it would be good to have consistency.

Reproduction

link

[7nik]

I'd expect it to follow a very simple rule: if the selector is not inside :global(...) or :global {...}, then it gets scoped.