Describe the solution you'd like
An emoji picker that works similar to the one in Notion:
Main requirements:
[ ] Easy to update with new emojis, possibly use a library like https://www.npmjs.com/package/emoji-mart, https://www.npmjs.com/package/react-input-emoji, or different
[ ] As seen in the gif above, the focus should remain on the editor, while the user filters. Perhaps it needs to be implemented as a custom suggestion menu, but that currently doesn't have support for keyboard nav to left / right, so that would need to be added. It might be necessary to create your own version of SuggestionMenuController for this (and share common code nicely)
[ ] Should be accessible (both keyboard navigation and screen reader support would be ideal)
[ ] Component should be selectable both via the slash menu, and when the user types a trigger character (:)
This will require to get up to speed with the codebase and understand how suggestions work internally, so I don't recommend this issue for beginners
Describe the solution you'd like
An emoji picker that works similar to the one in Notion:
Main requirements:
[ ] Easy to update with new emojis, possibly use a library like https://www.npmjs.com/package/emoji-mart, https://www.npmjs.com/package/react-input-emoji, or different
[ ] As seen in the gif above, the focus should remain on the editor, while the user filters. Perhaps it needs to be implemented as a custom suggestion menu, but that currently doesn't have support for keyboard nav to left / right, so that would need to be added. It might be necessary to create your own version of
SuggestionMenuControllerfor this (and share common code nicely)[ ] Should be accessible (both keyboard navigation and screen reader support would be ideal)
[ ] Component should be selectable both via the slash menu, and when the user types a trigger character (
:)This will require to get up to speed with the codebase and understand how suggestions work internally, so I don't recommend this issue for beginners