diff --git a/addon/components/power-select-multiple/trigger.hbs b/addon/components/power-select-multiple/trigger.hbs
index e2b61a9d6..e565aaff8 100644
--- a/addon/components/power-select-multiple/trigger.hbs
+++ b/addon/components/power-select-multiple/trigger.hbs
@@ -35,7 +35,6 @@
{{yield opt term}}
@@ -109,6 +111,8 @@
@ariaActiveDescendant={{concat publicAPI.uniqueId "-" this.highlightedIndex}}
@selectedItemComponent={{ensure-safe-component @selectedItemComponent}}
@searchPlaceholder={{@searchPlaceholder}}
+ @ariaLabel={{@ariaLabel}}
+ @ariaLabelledBy={{@ariaLabelledBy}}
/>
{{/let}}
{{/if}}
@@ -120,7 +124,13 @@
(component 'power-select/search-message')
)
as |SearchMessage|}}
-
+
{{/let}}
{{else if this.mustShowNoMessages}}
{{#let
@@ -130,7 +140,13 @@
(component 'power-select/no-matches-message')
)
as |NoMatchesMessage|}}
-
+
{{/let}}
{{else}}
{{#let
diff --git a/addon/components/power-select/before-options.hbs b/addon/components/power-select/before-options.hbs
index 9c9c5b25b..3c5140515 100644
--- a/addon/components/power-select/before-options.hbs
+++ b/addon/components/power-select/before-options.hbs
@@ -1,14 +1,18 @@
{{#if @searchEnabled}}
-
+
-
{{@searchMessage}}
diff --git a/tests/integration/components/power-select/a11y-test.js b/tests/integration/components/power-select/a11y-test.js
index 80b21e8b4..b3b58452e 100644
--- a/tests/integration/components/power-select/a11y-test.js
+++ b/tests/integration/components/power-select/a11y-test.js
@@ -652,7 +652,7 @@ module(
});
test('Dropdown with search enabled has proper aria attributes to associate search box with the options', async function (assert) {
- assert.expect(5);
+ assert.expect(4);
this.numbers = numbers;
await render(hbs`
@@ -676,9 +676,7 @@ module(
'aria-controls',
document.querySelector('.ember-power-select-dropdown').id
);
- assert
- .dom('.ember-power-select-search-input')
- .hasAttribute('role', 'combobox');
+
assert
.dom('.ember-power-select-search-input')
.hasAttribute('aria-haspopup', 'listbox');
@@ -815,7 +813,7 @@ module(
});
test('PowerSelectMultiple with search enabled has proper aria attributes', async function (assert) {
- assert.expect(11);
+ assert.expect(10);
this.numbers = numbers;
await render(hbs`
@@ -852,13 +850,6 @@ module(
await clickTrigger();
- assert
- .dom('.ember-power-select-trigger-multiple-input')
- .hasAttribute(
- 'role',
- 'combobox',
- 'Multi select search box has role combobox'
- );
assert
.dom('.ember-power-select-trigger-multiple-input')
.hasAttribute(