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.

Sign up for GitHub

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

Jump to bottom

Camel case CSS variables transformed to kebab case when used in style object #6264

Closed
1 task
Jutanium opened this issue Feb 16, 2023 · 0 comments · Fixed by #6268
Closed
1 task

Camel case CSS variables transformed to kebab case when used in style object #6264

Jutanium opened this issue Feb 16, 2023 · 0 comments · Fixed by #6268
Assignees
@natemoo-re
Labels
- P3: minor bug An edge case that only affects very specific usage (priority)

Comments

@Jutanium
Copy link
Contributor

What version of astro are you using?

2.0.12

Are you using an SSR adapter? If so, which one?

None

What package manager are you using?

pnpm

What operating system are you using?

Mac

Describe the Bug

See here. Camel case variables should be left alone, but are transformed when used in a style object. This does not occur with inline styles.

Link to Minimal Reproducible Example

https://stackblitz.com/edit/github-2cyv6w?file=src/pages/index.astro

Participation

  • I am willing to submit a pull request for this issue.
@natemoo-re natemoo-re self-assigned this Feb 16, 2023
@natemoo-re natemoo-re added the - P3: minor bug An edge case that only affects very specific usage (priority) label Feb 16, 2023
natemoo-re added a commit that referenced this issue Feb 16, 2023
@natemoo-re
fix(#6264): backward-compat fix for camelCase css vars in style
71b2248
@natemoo-re natemoo-re mentioned this issue Feb 16, 2023
Merged
natemoo-re added a commit that referenced this issue Feb 17, 2023
@natemoo-re
Backwards compatible fix for --camelCase css vars in style attrib…
933c651 
…ute (#6268)

* fix(#6264): backward-compat fix for camelCase css vars in style

* chore: add changeset
liruifengv pushed a commit to liruifengv/astro that referenced this issue Feb 18, 2023
@natemoo-re @liruifengv
Backwards compatible fix for --camelCase css vars in style attrib…
ea9e8c4 
…ute (withastro#6268)

* fix(withastro#6264): backward-compat fix for camelCase css vars in style

* chore: add changeset
@bluwy bluwy mentioned this issue Aug 10, 2023
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@natemoo-re natemoo-re

Labels
- P3: minor bug An edge case that only affects very specific usage (priority)
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Backwards compatible fix for --camelCase css vars in style attribute withastro/astro
2 participants
@Jutanium @natemoo-re