Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-2747

Keyboard focus should remain inside a modal dialog

    XMLWordPrintable

Details

    Description

      The tab order in modal dialogs is currently problematic once you're tabbing beyond the first or last element of the dialog. The browser then switches to another element in the UI, which is confusing, since it's supposed to stay inside the modal dialog.

      The tab order should remain inside a modal dialog. For embedded forms, it can go beyond that.

      Christopher has already done some research on this. It seems that it's not easy to constrain the tab order inside a closed set of elements without "manual" intervention using JS. Two options we shortly touched in a discussion was to have listeners on the first and the last element in a dialog that react once a user wants to tab beyond the dialog; or to remove or otherwise disable the "tabindex" HTML attribute for all UI elements, which are currently not part of a modal dialog.

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                Unassigned Unassigned
                weder Andreas Weder
                Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Bug DoR
                    Task DoD