makeup-modal

makeup-modal

Sets an element to a modal state using makeup-keyboard-trap and makeup-screenreader-trap. All other elements become "inert".

Experimental

This module is still in an experimental state, until it reaches v1 you must consider all minor releases as breaking changes.

import * as modal from "makeup-modal";

// set an element to modal
modal.modal(document.querySelector("el"));

// reset the element to non-modal
modal.unmodal();

Install

npm install makeup-modal

Options

• useHiddenProperty: use hidden property for inert content instead of aria-hidden (useful for fullscreen modals) (default: false)
• hoist: moves the element to the document root (default: false)
• wrap: if element is at document root, wraps all "inert" sibling elements into a single container (default: false)

Events

• makeup-modal
• makeup-unmodal