Add arrow key controls to emoji and reaction pickers (#10637)

* Add arrow key controls to emoji and reaction pickers * Iterate types * Switch to using aria-activedescendant * Add tests * Fix tests * Iterate * Update test * Tweak header keyboard navigation behaviour * Also handle scrolling on left/right arrow keys * Iterate
2023-04-20 14:56:21 +00:00
parent 0d9fa0515d
commit 2da52372d4
15 changed files with 277 additions and 74 deletions
@@ -179,6 +179,14 @@ limitations under the License.
    list-style: none;
    width: 38px;
    cursor: pointer;
+
+    &:focus-within {
+        background-color: $focus-bg-color;
+    }
+}
+
+.mx_EmojiPicker_body .mx_EmojiPicker_item_wrapper[tabindex="0"] .mx_EmojiPicker_item {
+    background-color: $focus-bg-color;
 }

 .mx_EmojiPicker_item {