prevent window drag when inputitem overlaps with titlebar

diff --git a/src/App.vue b/src/App.vue
index c60eb6c247fed23e304aceeb1df875cae9c4cbc3..99fa548eb457be68ec7da0801ea1ca0ed992e8cd 100644 (file)
--- 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 c2d2c90807b3ef642a16b1eb2d9731d037e306d6..baa6f5b5b3ea4a4c09b94faaadf057f04a948907 100644 (file)
--- 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 a9fec30f53021a24c4bd1b4253b29c3647717231..29b9ce17e1949dedd1eeaff33e3b2a3de96ef030 100644 (file)
--- 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