From 99e694161f16a3be03cbda0854687a244df42f21 Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Mon, 17 Mar 2025 14:18:24 +0330
Subject: [PATCH] fix: remove dropdown menu item from slider

---
 src/components/slider/slider.tsx     |  1 +
 src/components/toolbar/menu/menu.tsx | 18 ++++++------------
 2 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/src/components/slider/slider.tsx b/src/components/slider/slider.tsx
index 2882bef..2e6858a 100644
--- a/src/components/slider/slider.tsx
+++ b/src/components/slider/slider.tsx
@@ -34,6 +34,7 @@ export function Slider({
       max={max}
       min={min}
       step={step}
+      tabIndex={0}
       value={value !== undefined ? [value] : undefined}
       onValueChange={handleValueChange}
     >
diff --git a/src/components/toolbar/menu/menu.tsx b/src/components/toolbar/menu/menu.tsx
index 7175790..f7948f4 100644
--- a/src/components/toolbar/menu/menu.tsx
+++ b/src/components/toolbar/menu/menu.tsx
@@ -144,18 +144,12 @@ export function Menu() {
 
                     <div className={styles.globalVolume}>
                       <label htmlFor="global-volume">Global Volume</label>
-
-                      <DropdownMenu.Item
-                        asChild
-                        onSelect={e => e.preventDefault()}
-                      >
-                        <Slider
-                          max={100}
-                          min={0}
-                          value={globalVolume * 100}
-                          onChange={value => setGlobalVolume(value / 100)}
-                        />
-                      </DropdownMenu.Item>
+                      <Slider
+                        max={100}
+                        min={0}
+                        value={globalVolume * 100}
+                        onChange={value => setGlobalVolume(value / 100)}
+                      />
                     </div>
 
                     <Divider />