till/managarten
1
0
Fork 0
mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-20 01:41:26 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

feat(shared-ui): add focusTrap action and apply to shared Modal

Browse source 
Create reusable Svelte action for focus trapping in modals/dialogs.
Traps Tab/Shift+Tab within element and restores focus on destroy.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till JS 2026-03-24 10:04:04 +01:00
parent 8bc52f4264
commit c27f6f88f0
4 changed files with 75 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/shared-ui/src/organisms/Modal.svelte
View file

@ -2,6 +2,7 @@
import type { Snippet } from 'svelte';
import { X } from '@manacore/shared-icons';
import Text from '../atoms/Text.svelte';
import { focusTrap } from '../actions/focusTrap';
interface Props {
visible: boolean;
@ -60,6 +61,7 @@
role="dialog"
aria-modal="true"
tabindex="-1"
use:focusTrap
>
<!-- Modal Content -->
<!-- svelte-ignore a11y_no_static_element_interactions -->