Skip to content

Emoji picker with more keyboard control

Latest
Compare
Choose a tag to compare
@xindixu xindixu released this 15 Jul 21:21
357ece2

Currently

  • Search:

    • press Tab to go to the first emoji
  • Category:

    • Tab / Shrift + Tab to go to next/previous category
    • Enter / Space to select a category
    • Tab multiple times to get through all the category to get to the first emoji (regardless selected category)
  • Emoji:

    • Tab / Shrift + Tab to go to next/previous emoji
    • Up / Down moves the scroll bar
    • Enter / Space to select emoji

Added in this release

  • Search:

    • Initial focus on search bar
    • search bar always in focus and user can type anywhere to search
    • auto select first emoji in the category when a category is selected or search result when search is triggered
  • Category:

    • Only use Tab / Shrift + Tab to go to the next/previous category
    • Use Enter to select a category
    • Autofocus on the first emoji of this category
  • Emoji:

    • Start at the search bar, Down should bring you to the first emoji of the search result
    • Start at the selected category, Down should bring you to the first emoji of the that category
    • Use Left, Right, Up, Down to focus on emojis around the current one.
    • It update the selected category as well
    • Set focus when mouse hovers on an emoji. So using arrow keys afterward should focus on emojis around this mouse hovered one
    • Only use arrow keys to navigate, no more Tab (or Shrift + Tab)