emoji-mart icon indicating copy to clipboard operation
emoji-mart copied to clipboard

Picker loading emojis as # (hashtag)

Open orbitadajogatina opened this issue 1 year ago • 3 comments

Any idea of what's happening here? I'm using Svelte and I imported the emojis on one component to use the em-emoji tag and now every time I open the picker it's like that:

Image

What can I do?

orbitadajogatina avatar Feb 02 '25 21:02 orbitadajogatina

Hey Orbita! I think the issue might be with how the emoji theme is set up. If you're using a custom theme, like Twemoji or others, you’ll need the appropriate sprite sheet or images for those themes. Otherwise, the emoji picker might fail to load the correct emoji images and fall back to showing placeholders like hashtags. I'd also recommend checking the configuration for the em-emoji tag to ensure it's pointing to the correct image or font source.

Neuwair avatar Feb 03 '25 12:02 Neuwair

Getting this as well.. there's no real documentation on actually getting these working with different sets that I can find.

Loading the data, the applying it like this, if it's more complex it would be awesome if that were in the docs or examples somewhere. I'm not using a custom theme or anything, just trying to use it pretty vanilla.

                    <Picker
                        onEmojiSelect={onEmojiClick}
                        set='twitter'
                        onClose={handleClose}
                        data={data} />

loktar00 avatar Apr 28 '25 01:04 loktar00

If anyone else is having this problem and only sees the hashtag emoji, I had to import the correct set, as described here in the comment, and then it worked: https://github.com/missive/emoji-mart/issues/781#issuecomment-1399342860

fbrettnich avatar Sep 26 '25 13:09 fbrettnich