Navigate emoji composer with left & right arrows

[nadonomy]

Although tab, and up/down works, it'd be nice to navigate the emoji input directionally using any of up/down/left/right on your keyboard.

@bwindels pointed out this could be problematic, as we correctly use left/right to manipulate the caret in the composer. We could perhaps use up/down/left/right once a user hits tab to shift their keyboard focus to the emoji input area?

[bwindels]

This is coming to the main composer with matrix-org/matrix-react-sdk#2966 ftr.

[mcint]

I want to submit an issue for tabbing order in the emoji picker.

Use of the arrow keys immediately (or at least after typing has begun) will conflict with the use of arrow keys for editing in the text box.

The tabbing order does not (easily? quickly? ever?) reach the emoji grid, focus starts in the text box, then the input reset X, then, no visible element during repeated tabbing.

[SimonBrandner]

Related: #17574

[SimonBrandner]

We now show the autocomplete suggestions vertically, so this is no longer relevant