Skip to content

CSS selector :not() no longer matches #13974

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Fd929c2CE5fA opened this issue Oct 27, 2024 · 1 comment · Fixed by #13999
Closed

CSS selector :not() no longer matches #13974

Fd929c2CE5fA opened this issue Oct 27, 2024 · 1 comment · Fixed by #13999
Assignees
Labels
bug css Stuff related to Svelte's built-in CSS handling

Comments

@Fd929c2CE5fA
Copy link

Fd929c2CE5fA commented Oct 27, 2024

Describe the bug

See reproduction below

Possibly relevant changes:

Reproduction

5.1.3

5.0.0-next.265

Logs

No response

System Info

N/A

Severity

blocking an upgrade

@paoloricciuti
Copy link
Member

Mmm the issue seems to be that the svelte class is not added to the other docs

var root = $.template(`<div class="a svelte-ys7f0i">aaa</div> <div>bbb</div> <div>ccc</div>`, 1);

So the generated css is actually correct, is the template that is not

@dummdidumm dummdidumm added bug css Stuff related to Svelte's built-in CSS handling labels Oct 27, 2024
@dummdidumm dummdidumm self-assigned this Oct 28, 2024
dummdidumm added a commit that referenced this issue Oct 28, 2024
If the contents of a `:not` selector don't match, then it's actually a match for `:not` because it's inverted. Therefore, we need to scope such elements.

Fixes #13974
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug css Stuff related to Svelte's built-in CSS handling
Projects
None yet
3 participants