tbelway/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-11-03 19:29:32 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): keyboard event propagation in modals (#9713)

Browse Source 
* fix: key events propagating from modal, visible close button focus

* feat: set initial focus on the text field for album creation

* chore: step back duplicated changes
This commit is contained in:
Ben 2024-05-26 21:43:30 +00:00 committed by GitHub
parent 4d4bb8b6a7
commit 9628ea2d24
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
web/src/lib/components/shared-components/full-screen-modal.svelte
View File

@ -43,13 +43,16 @@
} }
</script> </script>
<FocusTrap> <section
<section role="presentation"
role="presentation" in:fade={{ duration: 100 }}
in:fade={{ duration: 100 }} out:fade={{ duration: 100 }}
out:fade={{ duration: 100 }} class="fixed left-0 top-0 z-[9990] flex h-screen w-screen place-content-center place-items-center bg-black/40"
class="fixed left-0 top-0 z-[9990] flex h-screen w-screen place-content-center place-items-center bg-black/40" on:keydown={(event) => {
> event.stopPropagation();
}}
>
<FocusTrap>
<div <div
class="z-[9999] max-w-[95vw] max-h-[95vh] {modalWidth} overflow-y-auto rounded-3xl bg-immich-bg shadow-md dark:bg-immich-dark-gray dark:text-immich-dark-fg immich-scrollbar" class="z-[9999] max-w-[95vw] max-h-[95vh] {modalWidth} overflow-y-auto rounded-3xl bg-immich-bg shadow-md dark:bg-immich-dark-gray dark:text-immich-dark-fg immich-scrollbar"
style="max-height: min(95vh, 900px);" style="max-height: min(95vh, 900px);"
@ -72,5 +75,5 @@
</div> </div>
{/if} {/if}
</div> </div>
</section> </FocusTrap>
</FocusTrap> </section>