Repository navigation
(feature) CSS calc function #418
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
Activity
KingAmo commentedon Oct 30, 2025
https://facebook.github.io/react-strict-dom/api/css/#compatibility
i find the Compatibility section in doc, calc not support yet
KingAmo commentedon Oct 30, 2025
is there any plan to support calc in react native?
[-]css calc not work in react native[/-][+](feature) CSS calc function[/+]necolas commentedon Oct 30, 2025
Yes there is the intent to support calc in RN but it's blocked on landing a CSS unit parser, which is itself stalled.
FWIW, you don't need calc if the units are the same as in your example.
KingAmo commentedon Oct 30, 2025
i am using react-strict-dom in a brown field react-native project , i want to pollyfill
env(safe-area-inset-bottom), so there are use case likeheight: 'calc(env(safe-area-inset-bottom) + 50px)'so there is another question, if i already have
Device.safeArea.bottom, how to pollyfillenv(safe-area-inset-bottom)in react strict dom?currently i use patch-package to patch react-strict-dom:
MoOx commentedon May 22, 2026
Ref react/yoga#1874 react/react-native#56162