We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
When using nesting inside a :has() selector, svelte doesn't recognize the children and removes the selector.
:has()
Example:
article:has(a:hover) { /* This works */ background: yellow; a { /* This does not, it gets removed with a (unused) note */ color: red; } }
A workaround is to use global:
article:has(a:hover) { /* This works */ background: yellow; :global(a) { /* This works */ color: red; } }
https://svelte.dev/playground/23060df7688c4bb1be84023e56f00996?version=5.0.5
This issue appeared in 5.0.0-next.266. It still works fine in 5.0.0-next.265.
5.0.0-next.266
5.0.0-next.265
annoyance
The text was updated successfully, but these errors were encountered:
Probably a duplicate of:
Sorry, something went wrong.
No branches or pull requests
Describe the bug
When using nesting inside a
:has()
selector, svelte doesn't recognize the children and removes the selector.Example:
A workaround is to use global:
Reproduction
https://svelte.dev/playground/23060df7688c4bb1be84023e56f00996?version=5.0.5
System Info
This issue appeared in
5.0.0-next.266
. It still works fine in5.0.0-next.265
.Severity
annoyance
The text was updated successfully, but these errors were encountered: