Skip to content
StrataKit Docs

Popover

Popovers display content in a non-modal window overlay that is positioned relative to a trigger element.

Useful links:

StrataKit MUI modifications

Section titled “StrataKit MUI modifications”
  • Added role="dialog" to the paper slot.
  • Added fallback mechanism for automatically labelling the paper slot using the trigger element (anchorEl).
  • disableScrollLock is used to prevent scroll locking when the popover is open.

✅ Do

Section titled “✅ Do”
  • Consider labelling the Popover’s paper slot using an aria-labelledby attribute pointing to a heading inside the popover.

🚫 Don’t

Section titled “🚫 Don’t”
  • Don’t forget to validate that the Popover has an appropriate accessible label.