diff --git a/webui/src/components/basic/ab-bottom-sheet.vue b/webui/src/components/basic/ab-bottom-sheet.vue index 99a48fc5..b2be0f2a 100644 --- a/webui/src/components/basic/ab-bottom-sheet.vue +++ b/webui/src/components/basic/ab-bottom-sheet.vue @@ -40,6 +40,7 @@ const show = defineModel('show', { required: true }); const titleId = useId(); const dragHandleRef = useTemplateRef('dragHandle'); +const panelRef = useTemplateRef('panel'); const translateY = ref(0); const isDragging = ref(false); const keyboardHeight = ref(0); @@ -127,9 +128,15 @@ function close() { :mask-closable="closeable" :close-on-esc="closeable" :aria-labelledby="title ? titleId : undefined" + :auto-focus="false" + @after-enter="panelRef?.focus({ preventScroll: true })" @update:show="(value: boolean) => value || close()" > +