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

Loading…
Cancel
Save