Comments (2)
Hi @ealush.
Thanks for your help. I was able to get the emojis from the specific git commit (19299c91bc87374118f06b2760f1ced69d714ab1) you posted.
That way we can host the emojis on our own CDN without any discrepancies.
You're a star
from emoji-picker-react.
Hey @rmdevos, thanks for posting this issue, and I am sorry that you are experiencing it. I'll try to give you a brief explanation on why it is happening, and maybe assist with a workaround that should work for you.
Why is this happening to me?
In order to make emoji-picker-react configuration free, and so you don't need to worry about hosting the images yourself, I used a free CDN hosting the emojione images. Apparently it uses a slightly different convention than emoji-js which creates these discrepancies. This mostly affects the compound emojis with more than one attribute.
How can I fix it?
Emojione stopped being free, so it is hard finding a good up-to-date cdn with their emojis (I might end up switching to Apple), but I did manage to find a solution - use emoji-js's own repo. It since has been deleted, but luckily, everything on the internet stays forever.
So - When configuring emoji-js, instead of using the url I supplied (documentation link), do this:
jsemoji.img_sets.emojione.path = 'https://cdn.jsdelivr.net/gh/iamcal/emoji-data@19299c91bc87374118f06b2760f1ced69d714ab1/img-emojione-64/';
I tried it on a couple of emojis, including the one that didn't work for you, and it seemed to work well.
Can you please try using this url and let me know if it works for you as well?
I hope that helps.
from emoji-picker-react.
Related Issues (20)
- Accessible names of icons HOT 3
- Emoji Picker is downloading a ton of png emojis every render HOT 1
- emoji image loading failed
- emoji-picker-react is breaking build HOT 3
- emoji style doesnt work HOT 4
- Why did all emoji photo links fail to reference?
- Add Changelog Feature to Enhance Release Overview in GitHub
- How to determine whether an emoji has variations
- CSS being appended into the document eventhough Picker rendered in Shadow DOM HOT 1
- How to detect skin-tone change HOT 1
- unicode emojis HOT 2
- Disabling categories selection if only 1 category selected
- Custom Emoji not render HOT 4
- How to disable additional emojis in reactions mode HOT 2
- Change emoji section icon color? HOT 3
- The EmojiPicker caches the old onEmojiClick method HOT 2
- Incorrect keyboard navigation from categories to the emoji list
- EmojiPicker extremely slow on Safari HOT 5
- Optimize rendering by using react-virtuoso
- Close picker back to reactions view after emoji selection HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from emoji-picker-react.