Skip to content

Broken emoji PNG-s in emoji-picker #265

@milosrs

Description

@milosrs

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>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions