I have a text field with various events. All events are working, but not @keydown.esc
.
I would like to differ between @blur
and @keydown.esc
. Escape should always do something and @blur
only sometimes.
Found this code codepen.io/whitelynx/pen/wGvmdW that shows the key code for every key, but not for escape.
Is there anything special with @keydown.esc
in vue js 3? That was not an issue in version 2.
My element
<input type="text" v-model="searchQuery" @keyup="searchItems" @paste="searchItems" @keydown.down="arrowDown" @keydown.up="arrowUp" @keydown.enter="selectIndex"
@keyup.,="selectIndex" @keydown.esc="closeSearch" @blur="maybeCloseSearch"
@focus="initSearch" placeholder="Search …" autocomplete="off" \>
I tried to remove all the other events and only @keydown.esc, but that makes no difference
"Solution": I found out that my browser extension Vimium i causes this problem