Emoji overlay in chat fails and causes page jumps

Contribute Bug

AI-generated summary

A bug has been reported in the Emoji overlay in chat feature, causing the page to jump when attempting to add an emoji to a chat message. BeefofAges described the issue, which occurs in Firefox on desktop and Chrome on desktop, and provided a video demonstrating the behavior. joffreyjaffeux confirmed it’s a recent regression and initially didn’t prioritize it, as it would be fixed as part of another larger task. However, joffreyjaffeux later mentioned that the issue should have been fixed by a specific GitHub commit.

1

Odd behavior showing up in the desktop breakpoint when I attempt to use emojis in chat messages.

This specific behavior is occurring in Firefox on desktop. Steps to reproduce:

  1. Load the Discourse page.
  2. Open a chat.
  3. Hover over a message which causes the modal to appear with the option to select an emoji.
  4. Click the emoji button.

Results: The emoji modal opens and then closes and the page jumps down the thread list.
Note: in Chrome on desktop, the modal layer doesn’t disappear so an emoji can be added to the chat message but the page jump still occurs.

Here’s a video I made showing the behavior:

The behavior does not occur in the mobile breakpoint as best I can tell.

Edit: Additional notes from testing: the emoji modal closes only on the home route. If you’re viewing a thread, the page jump still occurs but the modal remains and an emoji can be attached to a chat message.

2

Yes this is a recent regression, I haven’t been looking at this yet, but we will look at it.

2 Likes
4

Not prioritizing it for now as it will be fixed as part of another bigger work.

1 Like
5

This should have been fixed by DEV: unifies emoji picker (#28277) · discourse/discourse@6740a34 · GitHub

4 Likes
7

This topic was automatically closed 3 days after the last reply. New replies are no longer allowed.