From 7dcfd9252add36016ec282da0742a18c9a452766 Mon Sep 17 00:00:00 2001
From: Andrew Gundersen <gundersena@xavier.edu>
Date: Tue, 23 Mar 2021 08:09:10 -0500
Subject: [PATCH] prevent window drag when inputitem overlaps with titlebar

---
 src/App.vue                            | 5 ++---
 src/components/inputItem/inputItem.vue | 3 +++
 windowState.json                       | 2 +-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index c60eb6c..99fa548 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="app" v-if="ready">
 
-    <button class="titlebar" />
+    <button id="titlebar" />
 
     <!-- Minimize and exit buttons. -->
     <span class="menu">
@@ -87,7 +87,7 @@ html, body {
   border-radius: 15px;
  }
 
-.titlebar {
+#titlebar {
   position: fixed;
 
   width: 100vw;
@@ -97,7 +97,6 @@ html, body {
 
   background-color: #EBEBEB;
 
-  -webkit-user-select: none;
   -webkit-app-region: drag;
 
   border: none;
diff --git a/src/components/inputItem/inputItem.vue b/src/components/inputItem/inputItem.vue
index c2d2c90..baa6f5b 100644
--- a/src/components/inputItem/inputItem.vue
+++ b/src/components/inputItem/inputItem.vue
@@ -97,6 +97,9 @@ export default defineComponent({
 
   z-index: 3;
 
+  // To prevent window drag when overlapping with titlebar.
+  -webkit-app-region: no-drag;
+
   // border: 4px solid #C6C6C6;
   border-radius: 50%;
 
diff --git a/windowState.json b/windowState.json
index a9fec30..29b9ce1 100644
--- a/windowState.json
+++ b/windowState.json
@@ -1 +1 @@
-{"w":735,"h":510,"x":944,"y":489}
\ No newline at end of file
+{"w":622,"h":616,"x":1163,"y":499}
\ No newline at end of file
-- 
2.43.0