The only way to close it seems:

• ESC keypress
• choose an emoji

There is no "X" close button. Nor the click on blank document closes it.

Any way to add a better way to close it ?

Hi, thanks for your plugin. It’s the only one I found on the net that meets my needs. However I encounter some problems: I created a contentditable that works with the emoji, but each time I click on the "enter" key the emoji that follow the action multiply according to the number "enter". I wish you could help me. Thanks in advance.

Hello @woody180! Thank you for this awesome emoji picker! Amazing job! It's very useful if you don't won't to hide the input field. I have a question, is this possible to insert the emoji at cursor position? Thank you!

Hi Woody180, I love this emoji picker, the only missing feature for me, is the possibility to have multiply emoji pickers on the same page. Is it possible to make the emoji picker uses the nearest textarea from the clicked trigger?

I have tried different methods but couldn't get it to work. Do you know if there is a solution?

Hi, thank you it's a very beautiful emoji picker, but for using it inside a Bootstrap 5 "Offcanvas" element you have to increase the z-index from 999 to upper than 1050.

I hope that will help.

new FgEmojiPicker({ trigger: ['button'], position: ['bottom', 'right'], preFetch: true, emit(obj, triggerElement) { document.querySelector('textarea').value += obj.emoji; } });

Hello. Thanks for the picker; I like a lot! I have a question; I'm trying to insert two differents (for 2 different textareas) in the same page but it doesn't work and I've no console errors.

const emojiPickerReply = new FgEmojiPicker(opts) const emojiPicker = new FgEmojiPicker(opts)

Do you know what's going on?

Thanks in advance,

This is pretty easy to to, just add an option like removeOnSelection defaults to true to keep the original behavior. And make an if-statement in the emitEmoji function:

if(this.removeOnSelection)
    picker.remove();

One of my testers mentioned that most people use multiple emojis and in my opinion it makes sens to have this option if wished. And thanks a lot for the work on this picker.

Hi, In this pull request. We can now disable the drag button.

We can also give pop up position to our picker by adding it to the present position.

Dark theme is here. The color are not cool but I can change the colors as you dark color palatte.

The search function only uses the Emoji name, not the keywords. I added an extra attribute "data-keywords" (line 181 in fgEmojiPicker.js) then i added the data-keywords attribute to the LI-object in line 619, joining the keywords array and preserving the keywords from the description: data-keywords="${item.description.toLowerCase()} ${item.keywords.join(" ").toLowerCase()}"

added option called preFetch when true emoji will load when constructor is called and then use that data for to show emoji every time insted of loading emoji on every click. when false json well load only on first click and then use same data to to show emoji every time insted of loading emoji on every click.

either true or false prevent json load on every click

Hi,

Thanks for this beautiful emoji picker, it matches all my needs.

However, I know it's always hard to make things work for IE, and I know this is supposed to be deprecated this year, but it would have been great just to hide the component or display an alert if the users is using IE 11, to avoid errors.