Clear emoji input on focus

[BrnMarq]

Description of the problem

Normally when I program and have to make commits I often try to use it the fastest possible, obviously, using the shortcuts that the page provides, such as CTRL + K, but after focusing the emoji search bar it doesn't clear the input. Probably should be good having it at least as an option in the config section

Solution

In the Toolbar component, before focusing the search bar, we could set the input value to an empty string

Alternatives

I've been also considering adding a config section, just to switch beetwen different modes of search, one that search and remove all other emojis(The one that is online), and another one that search and look for the one that you search and place it first, and the other would be placed just after that one(Like a sort)

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue requesting the same feature.

[vhoyer]

I think that a better way (for UX) to handle this problem is to have a clear button, that once the user clicks it, the input is cleared and focused automatically, this have the nice side effect of "not having to design a settings page/section/model", also it matches the native behavior of most places iirc.

since we already occupy the section where one would put a "clear" button with the "ctrl K" hint, we could toggle between the two states based on whether or not there is text in the field:

if there is text, we display the clear button, if there is no text, we display the "ctrl K" hint.

I think that this solution should serve your needs fairly well, am I correct? what does OP think of this suggestion?

[carloscuesta]

Hey!

I agree with @vhoyer, cleaning the input when doing the shortcut feels a bit weird to me in terms of user experience.

Adding a clear button when there's text sounds like a better solution to me!