.travis.yml

@@ -47,6 +47,7 @@ jobs:
     # we recommend new addons test the current and previous LTS
     # as well as latest stable release (bonus points to beta/canary)
     - env: EMBER_TRY_SCENARIO=ember-lts-3.16
+    - env: EMBER_TRY_SCENARIO=ember-lts-3.20
     - env: EMBER_TRY_SCENARIO=ember-release
     - env: EMBER_TRY_SCENARIO=ember-beta
     - env: EMBER_TRY_SCENARIO=ember-canary

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Master
 
+# 4.1.0
+- [ENHANCEMENT] Makes changed to aria roles so the currently highlighted option can be announced by assistive
+  technology like Voice Over.
+- [CHORE] Relax allowed versions of ember-truth-helpers so projects are less likely to have to resolve dependencies.
+
 # 4.0.5
 - [BUGFIX] Remove event listeners on destroy.
 

README.md

@@ -92,7 +92,7 @@ module.exports = function (defaults) {
       }
     }
   });
-  
+
   return app.toTree();
 }
 ```

addon/components/power-select.ts

@@ -3,7 +3,7 @@ import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { action, get } from '@ember/object';
 import { addObserver, removeObserver } from '@ember/object/observers';
-import { scheduleOnce } from '@ember/runloop';
+import { scheduleOnce, next } from '@ember/runloop';
 import { isEqual } from '@ember/utils';
 import { assert } from '@ember/debug';
 import {
@@ -280,7 +280,7 @@ export default class PowerSelect extends Component<PowerSelectArgs> {
   @action
   handleFocus(event: FocusEvent): void {
     if (!this.isDestroying) {
-      this.isActive = true;
+      scheduleOnce('actions', this, this._updateIsActive, true);
     }
     if (this.args.onFocus) {
       this.args.onFocus(this.storedAPI, event);
@@ -290,7 +290,7 @@ export default class PowerSelect extends Component<PowerSelectArgs> {
   @action
   handleBlur(event: FocusEvent): void {
     if (!this.isDestroying) {
-      this.isActive = false;
+      scheduleOnce('actions', this, this._updateIsActive, false);
     }
     if (this.args.onBlur) {
       this.args.onBlur(this.storedAPI, event);
@@ -550,6 +550,9 @@ export default class PowerSelect extends Component<PowerSelectArgs> {
     return filterOptions(options || [], term, optionMatcher, skipDisabled);
   }
 
+  _updateIsActive(value: boolean) {
+    this.isActive = value;
+  }
 
   findWithOffset(options: any[], term: string, offset: number, skipDisabled = false): any {
     let typeAheadOptionMatcher = getOptionMatcher(this.args.typeAheadOptionMatcher || defaultTypeAheadMatcher, defaultTypeAheadMatcher, this.args.searchField);

addon/components/power-select/options.hbs

@@ -27,10 +27,10 @@
           aria-disabled={{if opt.disabled "true"}}
           aria-current="{{eq opt @select.highlighted}}"
           data-option-index="{{@groupIndex}}{{index}}"
-          role="option">
+          role={{if (eq opt @select.highlighted) "alert" "option"}}>
           {{yield opt @select}}
         </li>
       {{/if}}
     {{/each}}
   {{/let}}
-</ul>
+</ul>

config/ember-try.js

@@ -13,6 +13,14 @@ module.exports = async function() {
           }
         }
       },
+      {
+        name: 'ember-lts-3.20',
+        npm: {
+          devDependencies: {
+            'ember-source': '~3.20.5'
+          }
+        }
+      },
       {
         name: 'ember-release',
         npm: {