Modal behavior should comply with design spec
Problem to solve
There are some modal behavior guidelines set forth in the new Pajamas Design System that should be encouraged for all instances where modals are used.
Further details
Autofocus: When a modal is opened, the first focusable element should be focused (i.e. cursor is placed in first text field). If this cannot be automatic, we should at least make a shortcut where the developer can provide a class name for the element to be autofocus-ed when the modal is opened.
Button limit: The modal footer should have no more than 3 buttons; we should have some sort of warning when too many buttons are provided.
Proposal
- MR 1: If possible, add an easy way to autofocus a field when a modal is opened
- MR 2: If possible, add a warning when there are more than 3 elements in the footer slot
Documentation
Documentation will live in gitlab-ui
[insert issue here once created]
Links / references
Modal epic: &1026 Build modal epic: &1094 (closed)
Edited by Miranda Fluharty