Skip to content
GitLab

modal input autofocus attr & keyboard nav

Closed Administrator requested to merge github/fork/bkdotcom/modal_input_autofocus_keyboard_focus into v4-dev

Created by: bkdotcom

Two new modal accessibility options

autofocus:

  • notTouch: (default) gives focus to input/button with autofocus attribute when modal is shown (if not a touch device - to not trigger virtual keyboard)
  • true - always honor autofocus attribute
  • false - don't honor autofocus attribute

keyboardNav: (true) | false keyboard left/right arrow keys can be used to focus buttons / move between buttons (does not take focus from input, select, or textarea)

Check out the updated modal component docs to experience the enhancements

Fixes #22402 (closed)

notes:

  • had to ignore "A document must not include more than one “autofocus” attribute." (modal doc contains multiple)...