A svelte directive that will trap focus within an element. You can navigate child focusable elements with up, down, tab, shift + tab, alt + tab. I have attempted to match the accesibility best practices listed here.
This could be useful if you wanted to trap focus within something like a modal. When you gotta... focus-trap and focus-wrap.
down
or tab
:up
or shift+tab
or alt+tab
:home
:end
:Todos:
npm install --save-dev svelte-focus-trap
<script>
import { focusTrap } from 'svelte-focus-trap'
</script>
{#if showing}
<div
use:focusTrap
>
<!-- ...modal contents -->
</div>
{/if}
This project is licensed under the MIT License.