Skip to content
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

Child combinator (>) in :has sometimes vanishes when transpiling nested css #3877

Open
malte-laukoetter opened this issue Aug 14, 2024 · 0 comments

Comments

@malte-laukoetter
Copy link

malte-laukoetter commented Aug 14, 2024

When transpiling the following css using --supported:nesting=false the child combinator within the :has vanishes

.a :has(> .c) {
  .b & {
    background-color: green;
  }
}

result:

.b :is(.a :has(.c)) {
  background-color: green;
}

expected result:

.b :is(.a :has(>.c)) {
  background-color: green;
}

esbuild playground: https://esbuild.github.io/try/#YgAwLjIzLjAALS1zdXBwb3J0ZWQ6bmVzdGluZz1mYWxzZQBlAGVudHJ5LmNzcwAuYSA6aGFzKD4gLmMpIHsKICAuYiAmIHsKICAgIGJhY2tncm91bmQtY29sb3I6IGdyZWVuOwogIH0KfQ

see also: vuejs/core#11613

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant