From 87acf4cf042ba32a000a4aeaec5c17c93501d333 Mon Sep 17 00:00:00 2001
From: JellyBrick <shlee1503@naver.com>
Date: Sun, 18 Feb 2024 21:35:19 +0900
Subject: [PATCH] hotfix: in-app-menu position issue

---
 src/plugins/in-app-menu/renderer/Panel.tsx    | 2 +-
 src/plugins/in-app-menu/renderer/TitleBar.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/plugins/in-app-menu/renderer/Panel.tsx b/src/plugins/in-app-menu/renderer/Panel.tsx
index a71d71f272..20c74ba174 100644
--- a/src/plugins/in-app-menu/renderer/Panel.tsx
+++ b/src/plugins/in-app-menu/renderer/Panel.tsx
@@ -132,7 +132,7 @@ export const Panel = (props: PanelProps) => {
         <Show when={local.open}>
           <ul
             {...leftProps}
-            id={'sub-panel'}
+            data-ytmd-sub-panel={true}
             ref={setPanel}
             class={panelStyle()}
             style={{
diff --git a/src/plugins/in-app-menu/renderer/TitleBar.tsx b/src/plugins/in-app-menu/renderer/TitleBar.tsx
index 0a5163a00b..7372d35c26 100644
--- a/src/plugins/in-app-menu/renderer/TitleBar.tsx
+++ b/src/plugins/in-app-menu/renderer/TitleBar.tsx
@@ -250,8 +250,8 @@ export const TitleBar = (props: TitleBarProps) => {
       if (
         e.target instanceof HTMLElement &&
         !(
-          e.target.closest('#main-panel') ||
-          e.target.closest('#sub-panel')
+          e.target.closest('nav[data-ytmd-main-panel]') ||
+          e.target.closest('ul[data-ytmd-sub-panel]')
         )
       ) {
         setOpenTarget(null);
@@ -266,7 +266,7 @@ export const TitleBar = (props: TitleBarProps) => {
   });
 
   return (
-    <nav id={'main-panel'} class={titleStyle()} data-macos={props.isMacOS}>
+    <nav data-ytmd-main-panel={true} class={titleStyle()} data-macos={props.isMacOS}>
       <IconButton
         onClick={() => setCollapsed(!collapsed())}
         style={{