@ -321,6 +321,8 @@ const handleClose = (e: MouseEvent) => {
!aselect.value.$el.contains(e.target) &&
!document.querySelector('.nc-dropdown-multi-select-cell.active')?.contains(e.target as Node)
) {
// loose focus when clicked outside
isEditable.value = false
isOpen.value = false
}
@ -217,6 +217,7 @@ const onKeydown = (e: KeyboardEvent) => {
const onSelect = () => {
const cellClickHook = inject(CellClickHookInj, null)
@ -189,11 +189,6 @@ onMounted(() => {
intersectionObserver.value?.observe(elementToObserve.value!)
})
// remove border of element when clicked outside
onClickOutside(elementToObserve as any, () => {
editEnabled.value = false
// disconnect the observer when the cell is unmounted
onUnmounted(() => {
intersectionObserver.value?.disconnect()