From b665343fd9f265210a6e5a76c7813fd0f5edd6a8 Mon Sep 17 00:00:00 2001
From: Araxeus <78568641+Araxeus@users.noreply.github.com>
Date: Thu, 19 Jan 2023 18:52:40 +0200
Subject: [PATCH 1/3] make navbar draggable [in-app-menu]

---
 plugins/in-app-menu/style.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/plugins/in-app-menu/style.css b/plugins/in-app-menu/style.css
index 3805e119..6d0f3006 100644
--- a/plugins/in-app-menu/style.css
+++ b/plugins/in-app-menu/style.css
@@ -80,3 +80,15 @@ yt-page-navigation-progress,
 .cet-menubar-menu-container .cet-action-item {
 	background-color: inherit
 }
+
+#nav-bar-background {
+    -webkit-app-region: drag;
+}
+
+ytmusic-nav-bar input,
+ytmusic-nav-bar span,
+ytmusic-nav-bar [role="button"],
+ytmusic-nav-bar yt-icon,
+tp-yt-iron-dropdown {
+    -webkit-app-region: no-drag;
+}

From c6bb0cfe88e76c8eb70d93cc65993df6909b125e Mon Sep 17 00:00:00 2001
From: Araxeus <78568641+Araxeus@users.noreply.github.com>
Date: Thu, 19 Jan 2023 19:16:01 +0200
Subject: [PATCH 2/3] remove draggable attribute if search box is open

---
 plugins/in-app-menu/front.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/plugins/in-app-menu/front.js b/plugins/in-app-menu/front.js
index da5841f9..e597a5e9 100644
--- a/plugins/in-app-menu/front.js
+++ b/plugins/in-app-menu/front.js
@@ -43,9 +43,21 @@ module.exports = (options) => {
 		setNavbarMargin();
 		const playPageObserver = new MutationObserver(setNavbarMargin);
 		playPageObserver.observe($('ytmusic-app-layout'), { attributeFilter: ['player-page-open_', 'playerPageOpen_'] })
+		setupSearchOpenObserver();
 	}, { once: true, passive: true })
 };
 
+function setupSearchOpenObserver() {
+	const searchOpenObserver = new MutationObserver(mutations => {
+		if (mutations[0].target.opened) {
+			$('#nav-bar-background').style.webkitAppRegion = 'no-drag'
+		} else {
+			$('#nav-bar-background').style.webkitAppRegion = 'drag'
+		}
+	});
+	searchOpenObserver.observe($('ytmusic-search-box'), { attributeFilter: ["opened"] })
+}
+
 function setNavbarMargin() {
 	$('#nav-bar-background').style.right =
 		$('ytmusic-app-layout').playerPageOpen_ ?

From 333b695b16e8d714fd426281f8259159b7fafe9f Mon Sep 17 00:00:00 2001
From: Araxeus <78568641+Araxeus@users.noreply.github.com>
Date: Sun, 22 Jan 2023 19:18:10 +0200
Subject: [PATCH 3/3] lint

---
 plugins/in-app-menu/front.js | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/plugins/in-app-menu/front.js b/plugins/in-app-menu/front.js
index e597a5e9..17c89d4e 100644
--- a/plugins/in-app-menu/front.js
+++ b/plugins/in-app-menu/front.js
@@ -49,11 +49,8 @@ module.exports = (options) => {
 
 function setupSearchOpenObserver() {
 	const searchOpenObserver = new MutationObserver(mutations => {
-		if (mutations[0].target.opened) {
-			$('#nav-bar-background').style.webkitAppRegion = 'no-drag'
-		} else {
-			$('#nav-bar-background').style.webkitAppRegion = 'drag'
-		}
+		$('#nav-bar-background').style.webkitAppRegion =
+			mutations[0].target.opened ? 'no-drag' : 'drag';
 	});
 	searchOpenObserver.observe($('ytmusic-search-box'), { attributeFilter: ["opened"] })
 }