search

blackbaud / skyux1

DEPRECATED This site contains the codebase for the AngularJS (1.x) implementation of the SKY UX framework. We no longer support this version of SKY UX, and we recommend that you use the latest version instead. https://developer.blackbaud.com/skyux/
MIT License
51 stars 68 forks source link

Keyboard accessibility (tabbing) not working for dropdown options when opened in modal. #1091

Open chinoy-jain opened 6 years ago

chinoy-jain commented 6 years ago

Expected behavior

when pressing tab, drop-down options should be accessible

Actual behavior

Drop-down options are not accessible through keyboard(tab).

Steps to reproduce

  1. Open attached plunker.
  2. Navigate to index.html.
  3. Click on open "full-page modal button".
  4. Click on search box and press tab till you reach sort button and then press enter to open drop-down options.
  5. Continue pressing tab and observe that drop-down options are skipped/inaccessible via keyboard.

Plunker

https://plnkr.co/edit/8vnQpA?p=preview