From 5622b0ef07274031f3c663006dcce039cd0bd2f3 Mon Sep 17 00:00:00 2001
From: egecankomur <egecankomur@hotmail.com>
Date: Thu, 14 May 2026 19:47:18 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20mobile=20sidebar=20=E2=80=94=20cursor-po?=
 =?UTF-8?q?inter=20on=20SheetOverlay=20(iOS=20tap-to-close),=20modal=3Dfal?=
 =?UTF-8?q?se=20prevents=20body=20position:fixed=20layout=20shift,=20scrol?=
 =?UTF-8?q?lbar-gutter=20stable=20on=20desktop?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/globals.css           | 3 +++
 src/components/ui/sheet.tsx   | 2 +-
 src/components/ui/sidebar.tsx | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 925bb4e..7a0af19 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -115,6 +115,9 @@
   * {
     @apply border-border outline-ring/50;
   }
+  html {
+    scrollbar-gutter: stable;
+  }
   body {
     @apply bg-background text-foreground;
     -webkit-font-smoothing: antialiased;
diff --git a/src/components/ui/sheet.tsx b/src/components/ui/sheet.tsx
index d5987a8..61a3e9d 100644
--- a/src/components/ui/sheet.tsx
+++ b/src/components/ui/sheet.tsx
@@ -34,7 +34,7 @@ function SheetOverlay({
     <SheetPrimitive.Overlay
       data-slot="sheet-overlay"
       className={cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 cursor-pointer",
         className
       )}
       {...props}
diff --git a/src/components/ui/sidebar.tsx b/src/components/ui/sidebar.tsx
index 44a6abb..1d89709 100644
--- a/src/components/ui/sidebar.tsx
+++ b/src/components/ui/sidebar.tsx
@@ -187,7 +187,7 @@ function Sidebar({
 
   if (isMobile) {
     return (
-      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>
+      <Sheet open={openMobile} onOpenChange={setOpenMobile} modal={false} {...props}>
         <SheetContent
           data-sidebar="sidebar"
           data-slot="sidebar"