Merge pull request #408 from wazeerc/fix/a11y/modal-esc-focustrap

Close modal on esc keypress even when focusTrap is enabled

Author: Sqrcz

docs/components/modal.md

@@ -161,7 +161,7 @@ import { FwbModal } from 'flowbite-vue'
 
 ## Focus Trap
 
-You can enable focus trapping by setting the `focus-trap` prop to `true`. This keeps the focus within the modal, preventing users from tabbing to elements outside of it, which improves accessibility.
+You can enable focus trapping by setting the `focus-trap` prop to `true`. This keeps the focus within the modal, preventing users from tabbing to elements outside of it, which improves accessibility. esc key will still close the modal.
 
 <fwb-modal-example-focus-trap />
 ```vue

src/components/FwbModal/FwbModal.vue

@@ -128,6 +128,7 @@ const modalRef: Ref<HTMLElement | null> = ref(null)
 const { activate, deactivate } = useFocusTrap(modalRef, {
   immediate: false,
   initialFocus: () => modalRef.value?.querySelector('button[aria-label="close"]') || modalRef.value,
+  escapeDeactivates: false,
 })
 
 onMounted(async () => {