mirror of
https://github.com/nocodb/nocodb.git
synced 2026-05-03 03:26:45 +00:00
89f0895de3
* fix: get rid of barrel files * chore: get rid of explicit imports * fix: use explicit import for classes and enums * fix: use explicit import for enum & class & aliases * fix: build issues
42 lines
982 B
Vue
42 lines
982 B
Vue
<script lang="ts" setup>
|
|
const el = ref()
|
|
|
|
provide(CurrentCellInj, el)
|
|
|
|
const isExpandedFormOpen = inject(IsExpandedFormOpenInj, ref(false))!
|
|
|
|
const isForm = inject(IsFormInj)!
|
|
|
|
const onTabPress = () => {
|
|
if (!isExpandedFormOpen.value && !isForm.value) return
|
|
|
|
// Find the focused element
|
|
const focusedElement = document.activeElement
|
|
|
|
if (focusedElement) {
|
|
// Check if the focused element is a descendant of the wrapper
|
|
const closestWrapper = focusedElement.closest('.nc-data-cell')
|
|
|
|
// Scroll it into view
|
|
if (closestWrapper === el.value) {
|
|
el.value?.scrollIntoView({ block: 'center' })
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div ref="el" class="select-none nc-data-cell" @keydown.tab="onTabPress">
|
|
<slot />
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
.nc-data-cell:focus-within {
|
|
@apply !border-1 !border-brand-500 !rounded-lg !shadow-none !ring-0;
|
|
}
|
|
.nc-data-cell {
|
|
@apply border-1 border-gray-200 overflow-hidden rounded-lg;
|
|
}
|
|
</style>
|