fix: hide scrollbar in Firefox (#321)

unovue · Aug 21, 2023 · ba6a4b3 · ba6a4b3
1 parent e35072c
commit ba6a4b3
Showing 1 changed file with 10 additions and 3 deletions.
diff --git 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"