fix: Fixed issue with focus for Mulit select, single select, percent, Links, belongs to and disabled for Barcode and QRCode and minor fixes

This commit is contained in:
Muhammed Mustafa
2023-12-22 10:31:06 +00:00
parent f73a9c16ca
commit 92e37cffe1
10 changed files with 138 additions and 13 deletions

View File

@@ -341,6 +341,16 @@ const selectedOpts = computed(() => {
return selectedOptions
}, [])
})
const onKeyDown = (e: KeyboardEvent) => {
// Tab
if (e.key === 'Tab') {
isOpen.value = false
return
}
e.stopPropagation()
}
</script>
<template>
@@ -403,7 +413,7 @@ const selectedOpts = computed(() => {
:class="{ 'caret-transparent': !hasEditRoles }"
:dropdown-class-name="`nc-dropdown-multi-select-cell !min-w-200px ${isOpen ? 'active' : ''}`"
@search="search"
@keydown.stop
@keydown="onKeyDown"
@focus="isOpen = true"
@blur="isOpen = false"
>