Focus Trap
Allows you to contain tab focus within a target element on-demand.
import { focusTrap } from '@skeletonlabs/skeleton';Demo
Apply use:focusTrapand then set the action value to either true or false to enable or disable focus.
Navigation
When enabled this action will auto-select the first focusable element. Press Tab or Shift + Tab to cycle through focusable elements within the target region. When the last item is focused, it will loop to the start, and vice versa.
Focusing Overlays
Skeleton automatically enables this action for overlays such as modals and drawers to aid accessibility.