From 29ab32344fafda613b0c9d49b587786eaa40b00a Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Tue, 3 Sep 2024 17:17:58 +0800
Subject: [PATCH] fix: electron title bar drag-region

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/App.tsx | 27 +++++++++++++--------------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/renderer/src/App.tsx b/src/renderer/src/App.tsx
index 5abdbf6b9..f556e1095 100644
--- a/src/renderer/src/App.tsx
+++ b/src/renderer/src/App.tsx
@@ -5,7 +5,6 @@ import { Outlet } from "react-router-dom"
 import { env } from "../../env.js"
 import { useAppIsReady } from "./atoms/app"
 import { useUISettingKey } from "./atoms/settings/ui"
-import { RootPortal } from "./components/ui/portal/index.js"
 import { applyAfterReadyCallbacks } from "./initialize/queue.js"
 import { appLog } from "./lib/log"
 import { cn, getOS } from "./lib/utils"
@@ -46,19 +45,19 @@ function App() {
   const windowsElectron = window.electron && getOS() === "Windows"
   return (
     <RootProviders>
-      <RootPortal>
-        {window.electron && (
-          <div
-            className={cn(
-              "fixed inset-x-0 top-0 h-12 shrink-0",
-              windowsElectron && "pointer-events-none z-[9999]",
-            )}
-            aria-hidden
-          >
-            {windowsElectron && <Titlebar />}
-          </div>
-        )}
-      </RootPortal>
+
+      {window.electron && (
+        <div
+          className={cn(
+            "drag-region fixed inset-x-0 top-0 h-12 shrink-0",
+            windowsElectron && "pointer-events-none z-[9999]",
+          )}
+          aria-hidden
+        >
+          {windowsElectron && <Titlebar />}
+        </div>
+      )}
+
       <AppLayer />
     </RootProviders>
   )