Browse Source

fix: allow arrow navigation with multi select

Signed-off-by: Pranav C <pranavxc@gmail.com>
pull/4459/head
Pranav C 2 years ago
parent
commit
eb12c2f63c
  1. 9
      packages/nc-gui/components/cell/MultiSelect.vue

9
packages/nc-gui/components/cell/MultiSelect.vue

@ -171,7 +171,14 @@ useSelectedCellKeyupListener(active, (e) => {
isOpen.value = true isOpen.value = true
} }
break break
case 'ArrowUp':
case 'ArrowDown':
case 'ArrowRight':
case 'ArrowLeft':
// skip
break
default: default:
e.stopPropagation()
isOpen.value = true isOpen.value = true
break break
} }
@ -248,7 +255,7 @@ const onTagClick = (e: Event, onClose: Function) => {
:class="{ '!ml-[-8px]': readOnly }" :class="{ '!ml-[-8px]': readOnly }"
:dropdown-class-name="`nc-dropdown-multi-select-cell ${isOpen ? 'active' : ''}`" :dropdown-class-name="`nc-dropdown-multi-select-cell ${isOpen ? 'active' : ''}`"
@search="search" @search="search"
@keydown.stop @keydown.enter.stop
@click="isOpen = (active || editable) && !isOpen" @click="isOpen = (active || editable) && !isOpen"
> >
<a-select-option <a-select-option

Loading…
Cancel
Save