react / react/react-strict-dom

(feature) CSS calc function

Open
#418 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

Describe the issue
import { css } from 'react-strict-dom';

const styles = css.create({
  test: {
    width: 150,
    height: 'calc(100px + 50px)',
    backgroundColor: 'pink',
  },
});

css calc not work in react native (it works in web)

Expected behavior

css calc works in react native

Steps to reproduce

code above

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

Start by running the reproduction shown in the issue and trace how style values are handled for React Native, comparing that path with the working web behavior. Done means the provided calc expression works in React Native without regressing its web behavior; the issue names no files or tests, so repository exploration is required.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react, react-native
Domain
frontend, mobile
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.