fix multi div select and edit

hyvyys · Jan 23, 2021 · c8da2c7 · c8da2c7
1 parent 55fc212
commit c8da2c7
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/components/TesterBody.vue b/src/components/TesterBody.vue
@@ -21,7 +21,7 @@
               @paste="onPaste"
               @input="onInput"
               @focus="onFocus"
-              @selectstart="onSelectStart"
+              @mousemove="onSelectStart"
               @click="onSelectEnd"
             />
           </div>
@@ -129,11 +129,15 @@ export default {
   beforeDestroy() {
   },
   methods: {
-    onSelectStart() {
-      this.isContentEditable = false;
+    onSelectStart(event) {
+      if (event.buttons === 1) {
+        this.isContentEditable = false;
+        console.log('nonEditable')
+      }
     },
     onSelectEnd() {
       this.isContentEditable = true;
+      console.log('editable')
     },
     configureAnchors() {
       return;