diff --git a/packages/react-native-web/src/exports/StyleSheet/__tests__/__snapshots__/compile-test.js.snap b/packages/react-native-web/src/exports/StyleSheet/__tests__/__snapshots__/compile-test.js.snap index 0f71ee5e..712f2c7e 100644 --- a/packages/react-native-web/src/exports/StyleSheet/__tests__/__snapshots__/compile-test.js.snap +++ b/packages/react-native-web/src/exports/StyleSheet/__tests__/__snapshots__/compile-test.js.snap @@ -63,8 +63,7 @@ Object { "property": "scrollbarWidth", "rules": Array [ ".r-scrollbarWidth-2eszeu::-webkit-scrollbar{display:none}", - ".r-scrollbarWidth-2eszeu{overflow:-moz-scrollbars-none;-ms-overflow-style:none}", - ".r-scrollbarWidth-2eszeu{scrollbar-width:none;}", + ".r-scrollbarWidth-2eszeu{overflow:-moz-scrollbars-none;-ms-overflow-style:none;scrollbar-width:none;}", ], "value": "none", }, diff --git a/packages/react-native-web/src/exports/StyleSheet/compile.js b/packages/react-native-web/src/exports/StyleSheet/compile.js index 7582e3ba..a6ff8d0b 100644 --- a/packages/react-native-web/src/exports/StyleSheet/compile.js +++ b/packages/react-native-web/src/exports/StyleSheet/compile.js @@ -148,11 +148,9 @@ function createAtomicRules(identifier: string, property, value): Rules { // https://drafts.csswg.org/css-scrollbars-1/ case 'scrollbarWidth': { if (value === 'none') { - const block = createDeclarationBlock({ [property]: value }); rules.push( `${selector}::-webkit-scrollbar{display:none}`, - `${selector}{overflow:-moz-scrollbars-none;-ms-overflow-style:none}`, - `${selector}${block}` + `${selector}{overflow:-moz-scrollbars-none;-ms-overflow-style:none;scrollbar-width:none;}` ); } break;