canvas-lms/packages/jquery-selectmenu
Adrian Packel eb77b606b1 show SG student menu focus ring when tabbing
fixes EVAL-1439
flag=none

Test plan:

Attempt the following in Chrome, Safari and Firefox. Note that Safari
will not focus some elements like the previous/next buttons (this has
not changed).

- Open SpeedGrader
- Hit Tab repeatedly to move through the elements in the header
- When you tab to the student select menu, it should have a focus ring
  with the browser's customary styling (a dashed outline in Firefox, a
  bluish solid outline in Chrome/Safari)
  - (note at this point hitting Space or Enter will access the invisible
    UI-native select menu rather than the visible widget; this has not
    changed)
- Click on the menu and select a student, or just click on the dropdown
  again to close the menu
- Check that tab and shift-tab still take you forward/back now that the
  menu is closed, rather than getting stuck

Change-Id: I23804980e1b842576e55228bfaefc7a4d997af9c
Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/277795
Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>
Reviewed-by: Spencer Olson <solson@instructure.com>
Reviewed-by: Aaron Shafovaloff <ashafovaloff@instructure.com>
QA-Review: Aaron Shafovaloff <ashafovaloff@instructure.com>
Product-Review: Daniel Sasaki <dsasaki@instructure.com>
2021-11-10 19:40:33 +00:00
..
index.js show SG student menu focus ring when tabbing 2021-11-10 19:40:33 +00:00
package.json rename some things 2021-04-06 01:12:49 +00:00