Issue Summary

The expand/collapse state of "With ancestor" combo-box is not programmatically defined.

Steps to Reproduce

1. Open the “Confluence DC” page.
2. Navigate to "Search" input field present in header section.
3. Activate it and observe that modal dialog has been appeared on the screen.
4. Navigate to the "Advanced search" link and activate it.
5. Observe that "Advanced search" page has been appeared on the page.
6. Navigate to "Add filter" button and select "With ancestor" option.
7. Navigate to "With ancestor" combo-box via TAB key 
8. Observe that state is not announced when the combo-box is expanded or collapsed.

Screenshot

Actual Result

The content gets expanded/collapsed dynamically below on activating the "With ancestor" combobox. The expand/collapse state is not programmatically determined. Although the dynamic change in the content is easier to understand for sighted users, it is not intuitive for screen reader users.

Expected Result

The screen reader should announce the correct expand/collapse state of expandable controls.
Ensure that appropriate expand/collapse state is communicated by the screen reader.
Apply the following changes:

• Set the "aria-expanded" attribute to "false" when the combo-box are collapsed.
• Ensure that the value of the "aria-expanded" attribute changes to "true" when combo-box expand on user interaction via scripting.

For more informatio, refer the following links: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/. https://atlassian.design/components/form/examples

Code Snippet

<input class="css.." aria-expanded="false"...

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available.

Environment

MacBook Pro (16-inch, 2021)
macOs Monterey Version 12.3.1
Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest