fix(combobox): aria-expanded always on elm with role=combobox

.changeset/sour-books-dress.md

@@ -0,0 +1,7 @@
+---
+'@lion/combobox': patch
+---
+
+### Bug Fixes
+
+**combobox**: aria-expanded always applied on element with role=combobox

packages/combobox/src/LionCombobox.js

@@ -740,6 +740,7 @@ export class LionCombobox extends OverlayMixin(LionListbox) {
     return /** @type {OverlayConfig} */ ({
       ...withDropdownConfig(),
       elementToFocusAfterHide: undefined,
+      invokerNode: this._comboboxNode,
     });
   }
 

packages/combobox/test/lion-combobox.test.js

@@ -708,6 +708,34 @@ describe('lion-combobox', () => {
         expect(comboboxNode.getAttribute('role')).to.equal('combobox');
       });
 
+      it('sets aria-expanded to element with role="combobox" in wai-aria 1.0 and 1.1', async () => {
+        const el = /** @type {LionCombobox} */ (await fixture(html`
+          <lion-combobox name="foo" ._ariaVersion="${'1.0'}">
+            <lion-option .choiceValue="${'10'}" checked>Item 1</lion-option>
+            <lion-option .choiceValue="${'20'}">Item 2</lion-option>
+          </lion-combobox>
+        `));
+        const { comboboxNode } = getProtectedMembers(el);
+
+        expect(comboboxNode.getAttribute('aria-expanded')).to.equal('false');
+        el.opened = true;
+        await el.updateComplete;
+        expect(comboboxNode.getAttribute('aria-expanded')).to.equal('true');
+
+        const el2 = /** @type {LionCombobox} */ (await fixture(html`
+          <lion-combobox name="foo" ._ariaVersion="${'1.1'}">
+            <lion-option .choiceValue="${'10'}" checked>Item 1</lion-option>
+            <lion-option .choiceValue="${'20'}">Item 2</lion-option>
+          </lion-combobox>
+        `));
+        const { comboboxNode: comboboxNode2 } = getProtectedMembers(el2);
+
+        expect(comboboxNode2.getAttribute('aria-expanded')).to.equal('false');
+        el2.opened = true;
+        await el2.updateComplete;
+        expect(comboboxNode.getAttribute('aria-expanded')).to.equal('true');
+      });
+
       it('makes sure listbox node is not focusable', async () => {
         const el = /** @type {LionCombobox} */ (await fixture(html`
           <lion-combobox name="foo">