focus-trap

What it does

Installation

UMD

Browser Support

Usage

createFocusTrap()

Trap Configuration Options

onActivate

onPostActivate

onPause

onPostPause

onUnpause

onPostUnpause

checkCanFocusTrap

onDeactivate

onPostDeactivate

checkCanReturnFocus

initialFocus

fallbackFocus

escapeDeactivates

clickOutsideDeactivates

allowOutsideClick

returnFocusOnDeactivate

setReturnFocus

preventScroll

delayInitialFocus

delayReturnFocus

isolateSubtrees

document

tabbableOptions

trapStack

isKeyForward

isKeyBackward

Shadow DOM

Selector strings

Closed shadows

Positive Tabindexes

trap.active

trap.paused

trap.activate()

trap.deactivate()

trap.pause()

trap.unpause()

trap.updateContainerElements()

Examples

Other details

One at a time

Use predictable elements for the first and last tabbable elements in your trap

Your trap should include a tabbable element or a focusable container

Development

Help

Testing in JSDom

ERROR: Your focus-trap must have at least one container with at least one tabbable node in it at all times

First element in trap is unreachable with the TAB key

Contributing

Contributors