deblan-mirror/Choices
deblan-mirror/Choices
1
0
Fork 0
mirror of https://github.com/Choices-js/Choices.git synced 2024-05-17 21:16:34 +02:00
Code Issues Projects Releases Wiki Activity

Merge pull request #229 from vkolmakov1/ie11-accessibility-fix

Browse source 
Add aria-activedescendant attribute only when dropdown is active
This commit is contained in:
Josh Johnson 2017-08-17 08:51:52 +01:00 committed by GitHub
parent 0f81a03e19 7aee340a8b
commit b8917d84ba
1 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
assets/scripts/src/choices.js
View file

@ -797,6 +797,10 @@ class Choices {
this.containerOuter.setAttribute('aria-expanded', 'false');
this.dropdown.classList.remove(this.config.classNames.activeState);
this.dropdown.setAttribute('aria-expanded', 'false');
// IE11 ignores aria-label and blocks virtual keyboard
// if aria-activedescendant is set without a dropdown
this.input.removeAttribute('aria-activedescendant');
this.containerOuter.removeAttribute('aria-activedescendant');
if (isFlipped) {
this.containerOuter.classList.remove(this.config.classNames.flippedState);
@ -2198,7 +2202,16 @@ class Choices {
// Highlight given option, and set accessiblity attributes
passedEl.classList.add(this.config.classNames.highlightedState);
passedEl.setAttribute('aria-selected', 'true');
this.containerOuter.setAttribute('aria-activedescendant', passedEl.id);
const hasActiveDropdown = this.dropdown.classList.contains(
this.config.classNames.activeState
);
if (hasActiveDropdown) {
// IE11 ignores aria-label and blocks virtual keyboard
// if aria-activedescendant is set without a dropdown
this.input.setAttribute('aria-activedescendant', passedEl.id);
this.containerOuter.setAttribute('aria-activedescendant', passedEl.id);
}
}
}