react / react/react-strict-dom

Remove automatic camel-casing of CSS custom property names

Open
#50 0 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

bug
Dominant language
JavaScript
Stars
3.6k
Forks
206
PR merge metrics
No merged PRs in 30d

Description

Describe the issue

The original StyleX shim added camel-casing of CSS custom property names to ease internal adoption of native theme definitions that map to web theme definitions. However, custom properties are case sensitive, and we have now implemented the StyleX theming APIs. So we should remove this inconsistency and allow variable names to be case sensitive.

Expected behavior

Custom property names are case sensitive and do not get automatically camel cased.

Steps to reproduce

N/A

Test case

No response

Additional comments

No response

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No file or test is identified in the issue. Locate the StyleX shim logic that automatically camel-cases CSS custom property names, then inspect the related tests or add focused coverage showing that names remain case sensitive. Done means custom property names are preserved exactly rather than camel cased.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.