Try Install Learn Blog API Packages GitHub
Pages

Ui.AvoidFocus

This component makes possible to have arbitrary HTML content which behaves like static content:

  • Tab focus is disabled by adding tabindex="-1" to all child elements.
  • Pointer focus is disabled with the pointer-events: none CSS.
  • Firefox focus ring because of tabindex is removed with outline: none !important CSS.
  • All elements are hidden from screen readers.

Properties

children
:
Array(Html)
=
[]

The child elements.

disableCursor
:
Bool
=
true

Whether or not to disable cursor events as well.

Functions

render
:
Html

Renders the component.

update
:
Promise(Void)

Sets tabindex="-1" on all child elements.