From d2e8d616e2529114c355c3f37632f811f8ebf145 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Quentin=20Woivr=C3=A9?= <quentin.woivre@epitech.eu>
Date: Sat, 10 Aug 2019 14:39:37 +0200
Subject: [PATCH] [fix] Support for native scroll-width style

Close #1418
---
 .../StyleSheet/__tests__/__snapshots__/compile-test.js.snap   | 3 +--
 packages/react-native-web/src/exports/StyleSheet/compile.js   | 4 +---
 2 files changed, 2 insertions(+), 5 deletions(-)

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;