Skip to content

Bug: UI Jumps When Hovering Over Last Message's MessageToolbox Options #970

@Abbas-Askari

Description

@Abbas-Askari

Description:

Hovering over the MessageToolbox buttons (reaction, reply, qoute, star, etc.) of the last message causes a tooltip to appear. This tooltip increases the height of the message list container, making the UI jump unexpectedly. This behavior is quite irritating and disrupts the user experience. The attached video shows how annoying the jumping is when the cursor is moved across the buttons.
Note: If the user is not fully scrolled down to view the tooltip, It appear as if it is overflowing the container (first 4 seconds of the video)

Steps to reproduce:

  • Open Rocket.Chat's Embedded Chat.
  • Scroll to the last message in the chat.
  • Slide over the options buttons (e.g., reaction, reply, qoute, star, etc.).
  • Notice how the tooltip increases the container's height, causing an annoying UI jumps.

Expected behavior:

  • The tooltip should not alter the container's height.
  • The UI should remain stable without sudden shifts.

Actual behavior:

  • The tooltip increases the height of the message list container.
  • This causes a frustrating UI jump, making it irritating to interact with the last message.

Additional Information:

Video:

Screencast.from.2025-02-09.16-14-34.webm

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions