Prevent console drawer toggle when hitting Escape while editing a fie…

…ld (vuejs#512)
rikoz · Jan 19, 2018 · 334e245 · 334e245
1 parent a79d9c5
commit 334e245
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/devtools/components/DataField.vue b/src/devtools/components/DataField.vue
@@ -23,8 +23,8 @@
           class="edit-input key-input"
           :class="{ error: !keyValid }"
           v-model="editedKey"
-          @keyup.esc="cancelEdit()"
-          @keyup.enter="submitEdit()"
+          @keydown.esc.capture.stop.prevent="cancelEdit()"
+          @keydown.enter="submitEdit()"
         >
       </span>
       <span v-else class="key" :class="{ abstract: fieldOptions.abstract }">{{ field.key }}</span><span class="colon" v-if="!fieldOptions.abstract">:</span>
@@ -39,8 +39,8 @@
           :class="{ error: !valueValid }"
           v-model="editedValue"
           list="special-tokens"
-          @keyup.esc="cancelEdit()"
-          @keyup.enter="submitEdit()"
+          @keydown.esc.capture.stop.prevent="cancelEdit()"
+          @keydown.enter="submitEdit()"
         >
         <span class="actions">
           <i