Be able to go to category even while search is active

[Chinimala]

Hello,

In our apps, we have to add a patch to match the following expected result.

Context :

• Search results are displayed
• Click on a category button

Actual result: Nothing happens

Expected result: Search is cleared, emojis from the clicked category are displayed.

Would it be possible to make it the default behavior, or add an option for it?
I'll create a PR as a proposal.

Here is our patch:

const categoryButtons = picker.shadowRoot.querySelectorAll('#nav > div > button');
categoryButtons.forEach(categoryButton => {
    categoryButton.addEventListener('click', () => {
        const clearSearchButton = picker.shadowRoot.querySelector('.search > button');
        if (clearSearchButton) {
            clearSearchButton.click();
            // Reclick button after clearing search to go to category
            setTimeout(() => categoryButton.click());
        }
    });
});

Before:

emoji-mart-go-to-category-while-search-active-before.mp4

After:

emoji-mart-go-to-category-while-search-active-after.mp4