Skip to content

[Bug]: Combobox with open=true adds aria-hidden on everything else #2240

@Eldzej

Description

@Eldzej

Environment

Reka UI version: 2.6.0
Vue version: latest

Link to minimal reproduction

https://stackblitz.com/edit/wha1wwjp

Steps to reproduce

  1. Run the provided demo
  2. Inspect the elements

Describe the bug

When using Combobox with the open option se to true (to always show it open), it adds aria-hidden=true and data-aria-hidden=true to basically every other element on the page.

I narrowed it down to the hideOthers function, so this might be an edge case with that.

While I think I understand the logic behind it (keeping only the Combobox itself visible for screen-readers), it still seems like something that shouldn't happen, especially when used like in the provided example, where the Combobox is placed inside a popover, and thus not being part of the normal document flow

Expected behavior

aria-hidden and data-aria-hidden should not get added on other elements

Context & Screenshots (if applicable)

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions