mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: fix focus behaviour in tags selector

Browse source
This commit is contained in:
Alex Grozav 2023-07-26 15:57:25 +03:00
parent 134938dcc9
commit 682ba0bc93
1 changed files with 4 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/editor-ui/src/components/TagsDropdown.vue
View file

@ -14,7 +14,6 @@
multiple
:allowCreate="createEnabled"
:reserve-keyword="false"
default-first-option
ref="selectRef"
loading-text="..."
popper-class="tags-dropdown"
@ -178,12 +177,12 @@ export default defineComponent({
function onBusFocus() {
focusOnInput();
focusOnTopOption();
focusFirstOption();
}
function filterOptions(value = '') {
filter.value = value.trim();
void nextTick(() => focusOnTopOption());
nextTick(() => focusFirstOption());
}
async function onCreate() {
@ -225,15 +224,14 @@ export default defineComponent({
}
}
function focusOnTopOption() {
async function focusFirstOption() {
// focus on create option
if (createRef.value?.focus) {
createRef.value.focus();
}
// focus on top option after filter
else if (tagRefs.value?.[0]?.$el.focus) {
tagRefs.value[0].$el.focus();
console.log('focusing', tagRefs.value[0].$el);
tagRefs.value[0].$el.dispatchEvent(new Event('mouseenter'));
}
}