prevent window drag when inputitem overlaps with titlebar

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;

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%;
 

windowState.json

@@ -1 +1 @@
-{"w":735,"h":510,"x":944,"y":489}
+{"w":622,"h":616,"x":1163,"y":499}