RocketChat / RocketChat/EmbeddedChat

Emoji preview renders defaultEmoji on initial open without hover

Open
#1,147 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug
Dominant language
JavaScript
Stars
165
Forks
381
Avg merge
1d 2h
Merged PRs (30d)
1

Description

Description:

When EmojiPicker is rendered with showPreview enabled and defaultEmoji set in previewConfig , the preview area displays that emoji by default even when the user has not hovered over or interacted with any emoji. This results in a preview being shown on initial render without user interaction.

Steps to reproduce:
  1. Select emoji in chat bar
  2. Without hovering on any emoji it shows a default emoji and None caption
Expected behavior:

The preview area should remain empty until the user hovers over or selects an emoji.

Actual behavior:
Image

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start at the EmojiPicker component and trace how showPreview, previewConfig, and defaultEmoji initialize the preview. Reproduce the initial open state, then verify that the preview stays empty until an emoji is hovered over or selected.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.