Cancel editing card header when escape is pressed

Signed-off-by: Gary Kim <gary@garykim.dev>
This commit is contained in:
Gary Kim
2019-09-17 19:19:08 +08:00
parent c2b8408cd2
commit 1d4fe31155

View File

@@ -31,7 +31,7 @@
<h3 v-if="showArchived">{{ card.title }}</h3>
<h3 v-else @click.stop="startEditing(card)">{{ card.title }}</h3>
<transition name="fade" mode="out-in">
<form v-if="editing" v-click-outside="cancelEdit" @submit.prevent="finishedEdit(card)">
<form v-if="editing" v-click-outside="cancelEdit" @keyup.esc="cancelEdit" @submit.prevent="finishedEdit(card)">
<input v-model="copiedCard.title" type="text" autofocus>
<input type="button" class="icon-confirm" @click="finishedEdit(card)">
</form>