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

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

Open
Abbas-Askari opened this issue Feb 9, 2025 · 1 comment · May be fixed by #971
Open

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

Abbas-Askari opened this issue Feb 9, 2025 · 1 comment · May be fixed by #971
Labels
bug Something isn't working

Comments

@Abbas-Askari
Copy link

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
@Abbas-Askari Abbas-Askari added the bug Something isn't working label Feb 9, 2025
@Abbas-Askari
Copy link
Author

I'll create a PR.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant