Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Broken emoji PNG-s in emoji-picker #265

Open
milosrs opened this issue Nov 28, 2023 · 0 comments
Open

Broken emoji PNG-s in emoji-picker #265

milosrs opened this issue Nov 28, 2023 · 0 comments

Comments

@milosrs
Copy link

milosrs commented Nov 28, 2023

Component is constantly re-rendering on hover and some requests are failing for fetching the emojis. I'm using the newest version of all of the libraries. Older ones didn't work either.

Example:

Request URL:
https://cdn.jsdelivr.net/emojione/assets/3.1/png/32/1f973.png
Request Method:
GET
Status Code:
403 Forbidden

Happens on Chrome and Firefox, but on Chrome it's much more visible due to broken image png.
Here's my component usage:

<div style={{ width: 310, height: 340 }}>
          <EmojiPicker
            emojiSize={24}
            emojiLargeSize={40}
            commonMode="frequently-used"
            emojiPath={getEmojiPath}
            displayOrder={['groups', 'search', 'emojis']}
            maxCommonlyUsed={14}
            columnCount={7}
            rowCount={6}
            disablePreview
            classNames={{ picker: 'slack' }}
            emojiPadding={8}
            onSelectEmoji={(emoji) => {
              setOpen(false);
              pickEmoji(emoji);
            }}
          />
        </div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant