Skip to content

Commit fbf3bc3

Browse files
authoredFeb 16, 2023
Add scale as a unitless property (#25601)
## Summary CSS has a new property called `scale` (`scale: 2` is a shorthand for `transform: scale(2)`). In vanilla JavaScript, we can do the following: ```js document.querySelector('div').scale = 2; ``` which will make the `<div>` twice as big. So in JavaScript, it is possible to pass a plain number. However, in React, the following does not work currently: ```js <div style={{scale: 2}}> ``` because `scale` is not in the list of unitless properties. This PR adds `scale` to the list. ## How did you test this change? I built `react` and `react-dom` from source and copied it into the node_modules of my project and verified that now `<div style={{scale: 2}}>` does indeed work whereas before it did not.
1 parent 2f40170 commit fbf3bc3

File tree

1 file changed

+1
-0
lines changed

1 file changed

+1
-0
lines changed
 

‎packages/react-dom-bindings/src/shared/CSSProperty.js

+1
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,7 @@ export const isUnitlessNumber = {
4040
opacity: true,
4141
order: true,
4242
orphans: true,
43+
scale: true,
4344
tabSize: true,
4445
widows: true,
4546
zIndex: true,

0 commit comments

Comments
 (0)