Some emojis are not working

[lexpierini]

trafficstars

Some emojis are not working. Follow the codes: '1fae0', '1f972', '1fae2', '1fae3', '1fae1', '1fae5', '1f978', '1fae4', '1f979'.

"react": "^18.2.0", "emoji-picker-react": "^4.10.0",

[ealush]

What do you mean by not working?

[lexpierini]

What do you mean by not working?

Note that the emoji property does not display the corresponding emoji, but a square with a question mark. This happens with many other emojis. I also noticed that the country flags only display the first two letters. For example, flag Canada only displays "ca"

[ealush]

This seems like a rendering issue in your operating system. Unfortunately, windows does not have an emoji for most flags.

On Thu, Jul 4, 2024 at 3:52 PM Alex Forastier Pierini < @.***> wrote:

What do you mean by not working?

Note that the emoji property does not display the corresponding emoji, but a square with a question mark. This happens with many other emojis. I also noticed that the country flags only display the first two letters. For example, flag Canada only displays "ca"

Screenshot.2024-07-04.083530.jpg (view on web) https://github.com/ealush/emoji-picker-react/assets/57262240/fe89702a-7eee-4c34-a342-fc25037d3acb

Screenshot.2024-07-04.083419.jpg (view on web) https://github.com/ealush/emoji-picker-react/assets/57262240/0bc6acc6-752b-4424-85f6-00d539336f70

— Reply to this email directly, view it on GitHub https://github.com/ealush/emoji-picker-react/issues/418#issuecomment-2208905437, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACV32P2VGADP73YJP4CJ7W3ZKVASJAVCNFSM6AAAAABJOSHVGCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDEMBYHEYDKNBTG4 . You are receiving this because you commented.Message ID: @.***>

[lexpierini]

Would it be possible to have a property, like hiddenEmojis, but which hides an entire caterogy? For example, hide the flag category without me having to insert all the codes in the array of the hiddenEmojis property.

[ealush]

In the current config you'd need to pass the category config prop and exclude the flags category specifically , but you don't need to pass each flag individually

[lexpierini]

ok, in this case using the categories property. Thank you.

In the case of the emojis in the first image, do you think it's due to the rendering of the operating system as well, in this case Windows?

codes: '1fae0', '1f972', '1fae2', '1fae3', '1fae1', '1fae5', '1f978', '1fae4', '1f979'.

[jasim-n]

was there any solution for this issue

[lexpierini]

was there any solution for this issue

The only alternative was to hide the emojis with problems. The problem with this alternative is that it becomes difficult to check all emojis.

const hiddenEmojis = useMemo(() => {
   return ['1fae0', '1f972', '1fae2', '1fae3', '1fae1', '1fae5', '1f978', '1fae4',
     '1f979', "1fab9", "1faba", "1fab1", "1f43b-200d-2744-fe0f"
   ]
 }, [])

<EmojiPicker
  onEmojiClick={onEmojiClick}
  hiddenEmojis={hiddenEmojis}
  categories={emojisCategoriesPermited}
/>

[ealush]

Again, OS/Browser issue