Fix screen readers not indicating the emoji picker search field is focused. (#31128)

Browse Source

* Only set active descendant when the user starts typing.

* Fix jest tests.

* Remove aria-hidden

It was failing code quality checks and it actually wasn't addressing the issue.

* Only show highlight on arrow key navigation or updating the search query.

* Update screenshots

* Enter should not select an emoji if it is not highlighted.

* On clearing a query and using arrow kets again the highlighted emoji should be reset to the first.

* Update selector in picker tests

...

This commit is contained in:

David Langley

2025-10-31 17:10:02 +00:00

committed by GitHub

parent 017aee9a8f

commit 36ccc1ae9a

6 changed files with 148 additions and 8 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

playwright/snapshots/composer/CIDER.spec.ts/emoji-picker-linux.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 41 KiB After Width:  |  Height:  |  Size: 41 KiB

playwright/snapshots/composer/CIDER.spec.ts/emoji-picker-small-linux.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 26 KiB After Width:  |  Height:  |  Size: 25 KiB