Emojis aren't appearing on macOS Sonoma Chrome until hovering over them

[kevin-plaut]

MacOS 14.1.1 (23B81)
Chrome 119.0.6045.123

STR:

1. Go to Live demo - https://ealush.com/emoji-picker-react/
2. Start clicking through a few category header icons

Expected:
Emojis appear

Actual:
Emojis do not appear until hovering over them

Screen recording: https://screenrec.com/share/6Sgo0cWlNI

[kevin-plaut]

For anyone else experiencing this.. found a workaround is to specify apple style for macOS

[ealush]

@kevin-plaut note that this won't help in case they're trying to use these emojis inside of an input element.

pardon me. I thought they were simply not showing, but it seems that it's just that the browser won't render them. Interesting.