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

[Bug?]: CSS nesting selector gets encoded on server side #1598

Open
2 tasks done
draconisNoctis opened this issue Aug 8, 2024 · 1 comment
Open
2 tasks done

[Bug?]: CSS nesting selector gets encoded on server side #1598

draconisNoctis opened this issue Aug 8, 2024 · 1 comment
Labels
bug Something isn't working

Comments

@draconisNoctis
Copy link

Duplicates

  • I have searched the existing issues

Latest version

  • I have tested the latest version

Current behavior 😯

When using the newly CSS nesting syntax (e.g. &:is(a)) the ampersand gets encoded as & on server side.
This leads to missing/wrong styles until the client side javascript is executed.

Expected behavior 🤔

The server shouldn't encode the ampersand in the CSS styles.

Steps to reproduce 🕹

Use this repo for simple reproduction: https://github.com/draconisNoctis/solidstart-css-nesting-issue

Context 🔦

No response

Your environment 🌎

No response

@draconisNoctis draconisNoctis added the bug Something isn't working label Aug 8, 2024
@ryansolid
Copy link
Member

If I understand this right the CSS files themselves are being transformed nothing to do with JS. In which case is this a Vite or Nitro issue? Because Solid/SolidStart doesn't touch CSS. Very odd if Vite has an issue you'd think it would be more known.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants