From ce5c3d00339f2bbec1cc562351df10fe25d81285 Mon Sep 17 00:00:00 2001
From: LyAhn <admin@jezz.wtf>
Date: Mon, 6 Apr 2026 15:01:15 +0100
Subject: [PATCH] fix: add data-tauri-drag-region attribute alongside
 WebkitAppRegion CSS

---
 src/components/TitleBar.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/TitleBar.tsx b/src/components/TitleBar.tsx
index 592078d..274367d 100644
--- a/src/components/TitleBar.tsx
+++ b/src/components/TitleBar.tsx
@@ -58,7 +58,10 @@ export function TitleBar() {
   const handleClose = () => appWindow.close();
 
   return (
+    // data-tauri-drag-region is the recommended Tauri approach for drag regions.
+    // WebkitAppRegion is kept as a CSS fallback for compatibility.
     <div
+      data-tauri-drag-region
       className="titlebar relative z-50 flex h-9 shrink-0 items-center bg-gray-950 select-none"
       style={{ WebkitAppRegion: "drag" } as React.CSSProperties}
     >
@@ -75,7 +78,7 @@ export function TitleBar() {
       </div>
 
       {/* Spacer — draggable region fills here */}
-      <div className="flex-1" />
+      <div data-tauri-drag-region className="flex-1" />
 
       {/* Window control buttons — right side, non-draggable */}
       <div