RocketChat / RocketChat/Rocket.Chat
MessageToolBox dropdown UX improvement
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 46.1k
- Forks
- 13.9k
- Avg merge
- 3d 3h
- Merged PRs (30d)
- 130
Description
Description:
The message toolbox dropdown gets shrink when you view the options for the last few messages.
Steps to reproduce:
- Go to any chat
- Click on three dots for the bottom few messages on screen to view message options
- You will notice that the drop down is scrollable but shrink
Expected behavior:
In the case of bottom few messages on screen, the message options should be a DropUp depending upon the space between the message and the message Box.
Actual behavior:
This is the current behavior, but its ambiguous.
Sometimes it works as expected, but mostly it does not.
Server Setup Information:
- Version of Rocket.Chat Server: 6.0.0
- Operating System: MacOS
- Deployment Method: yarn dsv
- Number of Running Instances: 1
- NodeJS Version: 14.21.2
Client Setup Information
- Desktop App or Browser Version: Firefox 111.0 (64-bit)
- Operating System: MacOS
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the issue in a chat and opening the message toolbox on messages near the bottom of the viewport. Trace the message toolbox dropdown entry point and its positioning behavior; done means the options open upward when there is insufficient space below and remain usable without unintended shrinking.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100