Fixes issues of #17255. Fix tab sequence - Githubissues

LeaVerou / awesomplete

Ultra lightweight, usable, beautiful autocomplete with zero dependencies.

http://leaverou.github.io/awesomplete/

MIT License

6.95k stars 609 forks source link

Fixes issues of #17255. Fix tab sequence #17256

Open nico-amsterdam opened 1 week ago

nico-amsterdam commented 1 week ago

awesomplete.js:

Use tabindex -1 instead of 0 to make elements focusable. This does not disturb the tab sequence. Tested with the Talkback screen reader.
Make aria-activedescendant empty when none is selected. This is when
- none of the items has aria-selected=true
- or the popup is closed

awesomplete.theme.css

After the transition of 0.3 seconds the visibility should be hidden. Prevents navigation to anything inside the now hidden popup.

awesomplete.css is updated by gulp because of the change in awesomplete.theme.css