From e862ab4f709dce235bd4ecdd1d0c6bd63cc2d858 Mon Sep 17 00:00:00 2001
From: Hironsan <light.tree.1.13@gmail.com>
Date: Mon, 23 Mar 2020 16:36:37 +0900
Subject: [PATCH] Enable to handle real enter event, fix #638

---
 .../organisms/annotation/Seq2seqBox.vue         | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/frontend/components/organisms/annotation/Seq2seqBox.vue b/frontend/components/organisms/annotation/Seq2seqBox.vue
index 0848aaa1..255dbd72 100644
--- a/frontend/components/organisms/annotation/Seq2seqBox.vue
+++ b/frontend/components/organisms/annotation/Seq2seqBox.vue
@@ -14,6 +14,8 @@
         <v-text-field
           v-model="newText"
           @keyup.enter="create"
+          @compositionstart="compositionStart"
+          @compositionend="compositionEnd"
           prepend-inner-icon="mdi-pencil"
           label="New text"
           autofocus
@@ -88,7 +90,9 @@ export default {
           align: 'right',
           value: 'action'
         }
-      ]
+      ],
+      isComposing: false,
+      hasCompositionJustEnded: false
     }
   },
 
@@ -101,10 +105,21 @@ export default {
       }
     },
     create() {
+      if (this.isComposing || this.hasCompositionJustEnded) {
+        this.hasCompositionJustEnded = false
+        return
+      }
       if (this.newText.length > 0) {
         this.createAnnotation(this.newText)
         this.newText = ''
       }
+    },
+    compositionStart() {
+      this.isComposing = true
+    },
+    compositionEnd() {
+      this.isComposing = false
+      this.hasCompositionJustEnded = true
     }
   }
 }