[NEW PLUGIN] Emoji Picker

Hey everyone!

We just released our Emoji picker plugin - it’s been really helpful so far in our more emoji-heavy apps, to let people pick avatars and/or reactions.

:white_check_mark: Simple to use
:white_check_mark: Consistent style
:white_check_mark: Fully searchable
:white_check_mark: Skin tones
:white_check_mark: Accessible

Get it over here! Emoji Picker

Let us know if you have any questions or need support :v:

2 Likes

Nice one. It be borked for me though.

No way! Thanks Rico - we’ll check it out ASAP

Do you have the same issue in other browsers?

Good point. Works on Firefox and Safari.

It’s pro’lly Brave being suspicious of Youssef-adjacent code; thinks he’s trying to mine crypto on my browser.

1 Like

Who says he isn’t? 🫠

2 Likes

Hey! I just purchased a subscription, but is there any documentation for this plugin?

Hi!
Thanks for the support by purchasing the plugin.
Be sure to check out the plugin page for the instructions on how to use the plugin: Emoji Picker Plugin | Bubble
Please let us know if there’s still something unclear to you!

Hi there! Could you tell me what I’m doing wrong here? I’ve tried to get the plugin to work but failed after trying multiple things. Recorded a video: Loom | Free Screen & Video Recording Software | Loom

1 Like

Hi!
Thanks for sending the loom! Helps us a lot with understanding the issue.
So I think it’s not working because the elements are placed in a popup, but I’d like to do some further digging. Could you maybe send us a DM with the link to your editor (on ‘view only permission’). That way we can find the issue even better!

It’s impossible to open a picker from a mobile device. The popup closes immideately. Any thoughts how to fix that?
Here the link to g.drive with a screen recording: RPReplay_Final1688848629.MP4 - Google Drive

This one is iPhone 11. But the same problem is on Samsung of a friend. Mac functions good.

1 Like

Thanks for reporting this issue! We’ll try to fix it asap!

Could you please tell me when approximately are you going to fix it? I love how your plugin looks and would like to buy it, but it has to function from mobile devices

Hello. I have the same issue as @nsykes . I am unable to get the emoji selector to show in my popup. Can you please advise as to how to resolve this issue. Thanks so much.

Hey there!
The issue with mobile devices should be solved in the 1.2.3 version of the plugin. If this still won’t solve your issue, could you please send us a DM with a little bit more information of what goes wrong? A loom with a quick demo would help us a lot!

Sorry for the delay but this has been fixed in version 1.2.3 of the plugin. I hope you noticed that we updated the plugin some time ago!

Is there a way to change the background color of this? No matter what I do it always shows up with a black background.

Hey there!

Which background color would you like to change? That of the entire emoji picker or just the part where the emojis are shown?

This is an example of what the light version looks like. We don’t have any settings for that now so it could be that it follows the color of your browser settings. Did you try that out already?

Yea, I think that’s the issue. My browser is in dark mode but my app is in light mode (we allow the user to pick the mode rather than following the browser setting). It’d be awesome if there was a way to override the default and force either dark or light mode. Currently it looks a little janky on a pop-up where the user is allowed to select the reaction on a message in a chat, like this:

image.png

Would this be possible with HTML / CSS on the element to force a different appearance? Could be a nice stopgap between now and when / if this functionality is implemented in the future.

Loving the plugin aside from this small issue. Thank you!

You can definitely try to add some custom css to the page that targets the emoji picker element!
It’s probably not the _light class but _dark in your case!