From ba6a4b3062db5aa46c2c75af248025d037a6ddf7 Mon Sep 17 00:00:00 2001
From: Artem Melnyk <51422045+MellKam@users.noreply.github.com>
Date: Mon, 21 Aug 2023 14:28:33 +0200
Subject: [PATCH] fix: hide scrollbar in Firefox (#321)

---
 .../radix-vue/src/ScrollArea/ScrollAreaViewport.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/radix-vue/src/ScrollArea/ScrollAreaViewport.vue b/packages/radix-vue/src/ScrollArea/ScrollAreaViewport.vue
index 2625ce170..1c80bae68 100644
--- a/packages/radix-vue/src/ScrollArea/ScrollAreaViewport.vue
+++ b/packages/radix-vue/src/ScrollArea/ScrollAreaViewport.vue
@@ -32,9 +32,16 @@ export default {
 <template>
   <Primitive as="style">
     /* Hide scrollbars cross-browser and enable momentum scroll for touch
-    devices */ [data-radix-scroll-area-viewport] { -ms-overflow-style: none;
-    -webkit-overflow-scrolling: touch; }
-    [data-radix-scroll-area-viewport]::-webkit-scrollbar { display: none; }
+    devices */
+    [data-radix-scroll-area-viewport] {
+    scrollbar-width:none;
+    -ms-overflow-style:none;
+    -webkit-overflow-scrolling:touch;
+    }
+
+    [data-radix-scroll-area-viewport]::-webkit-scrollbar {
+    display:none;
+    }
   </Primitive>
   <div
     ref="viewportElement"