fix: modal focus scroll bug (#738)

2023-01-03 15:02:54 +02:00 · 2023-01-03 15:02:54 +02:00 · 8b219cdb73
commit 8b219cdb73
parent 055df9d28c
2 changed files with 3 additions and 0 deletions
--- a/components/modal/ModalDialog.vue
+++ b/components/modal/ModalDialog.vue
@ -66,6 +66,8 @@ const { activate } = useFocusTrap(elDialogRoot, {
  allowOutsideClick: true,
  clickOutsideDeactivates: true,
  escapeDeactivates: true,
+  preventScroll: true,
+  returnFocusOnDeactivate: true,
 })

 defineExpose({
--- a/components/status/StatusAttachment.vue
+++ b/components/status/StatusAttachment.vue
@ -126,6 +126,7 @@ useIntersectionObserver(video, (entries) => {
    </template>
    <template v-else>
      <button
+        type="button"
        focus:outline-none
        focus:ring="2 primary inset"
        rounded-lg