jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

.2: SSR-1177 Fallback to modal button if no tabbable elements found

Browse source
This commit is contained in:
Josh Dassinger 2024-04-30 09:20:36 -05:00
parent e271e67666
commit 2b2b944ad8
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/digital-components/modal/modal.vue
View file

@ -1,6 +1,6 @@
<template>
<!-- Modal -->
<focus-trap v-model:active="isOpen">
<focus-trap v-model:active="isOpen" :fallbackFocus="getFocusFallback">
<div
:id="modalId"
class="modal fade modal-component"
@ -123,10 +123,7 @@ export default {
openModal() {
const modal = Modal.getOrCreateInstance(document.getElementById(this.modalId));
modal?.show();
setTimeout(() => {
this.isOpen = true;
}, 10);
this.isOpen = true;
this.$emit('isModalOpened', true);
},
closeModal() {
@ -134,6 +131,9 @@ export default {
modal?.hide();
this.isOpen = false;
this.$emit('isModalOpened', false);
},
getFocusFallback() {
return this.$refs.modalButtonMain;
}
}
};