nikrozman/element-web
1
0
Fork 0
Code Issues Actions 3 Packages Projects Releases Wiki Activity

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
Download Patch File Download Diff File Expand all files Collapse all files

2
res/css/views/emojipicker/_EmojiPicker.pcss
View File

@@ -182,7 +182,7 @@ Please see LICENSE files in the repository root for full details.
}
}
.mx_EmojiPicker_body .mx_EmojiPicker_item_wrapper [tabindex="0"] .mx_EmojiPicker_item {
.mx_EmojiPicker_body_showHighlight .mx_EmojiPicker_item_wrapper [tabindex="0"] .mx_EmojiPicker_item {
background-color: $focus-bg-color;
}