Notice the lack of scroll feature

Oct 13, 2025 by talynt.org 95 views

Fix: ComposerPopup Doesn't Scroll

The Rocket.Chat ComposerPopup is a crucial feature that enables users to quickly access and select various options, such as emojis, users, and channels. However, a recent issue has been reported where the list inside the Composer popup fails to scroll using the mouse or touchpad, despite the keydown arrow functionality working as expected. In this article, we will delve into the details of this issue, explore the possible causes, and provide a step-by-step guide to reproduce and fix the problem.

The Composer popup is a dropdown list that appears when a user types a colon, at sign, or hash symbol in the message box. This list is supposed to be scrollable, allowing users to navigate through the various options. However, as reported by users, the list inside the Composer popup doesn't scroll using the mouse or touchpad, making it difficult to access and select the desired options.

To reproduce this issue, follow these steps:

Go to the message box: Open the Rocket.Chat application and navigate to the message box where you can type and send messages.
Type a trigger character: Type a colon (:), at sign (@), or hash symbol (#) in the message box. This will trigger the appearance of the Composer popup.
Notice the lack of scroll feature: Observe that the list inside the Composer popup doesn't have a scroll feature, making it difficult to navigate through the various options.

The expected behavior is that the list inside the Composer popup should be scrollable, allowing users to navigate through the various options using the mouse or touchpad.

The actual behavior is that the list inside the Composer popup doesn't scroll using the mouse or touchpad, despite the keydown arrow functionality working as expected.

The following client setup information is relevant to this issue:

Desktop App or Browser Version: Safari version 17.6
Operating System: MacOS Sonoma 14.7.2

Based on the provided information, the possible causes of this issue are:

JavaScript or CSS issue: A JavaScript or CSS issue might be preventing the scroll feature from working correctly.
Browser or OS compatibility issue: A compatibility issue with the Safari browser or MacOS operating system might be causing the problem.

To fix this issue, follow these steps:

Check for JavaScript or CSS issues: Review the JavaScript and CSS code related to the Composer popup to ensure that there are no issues preventing the scroll feature from working correctly.
Update browser or OS: Ensure that the Safari browser and MacOS operating system are up-to-date, as compatibility issues might be causing the problem.
Disable extensions: Disable any extensions or plugins that might be interfering with the scroll feature.
Clear cache and cookies: Clear the cache and cookies in the Safari browser to ensure that there are no issues with the browser's cache or cookies.

The Composer popup is a crucial feature in Rocket.Chat that enables users to quickly access and select various options. However, a recent issue has been reported where the list inside the Composer popup fails to scroll using the mouse or touchpad. By following the steps outlined in this article, users can reproduce and fix the problem, ensuring that the Composer popup works correctly and provides a seamless user experience.

For more information on how to contribute to Rocket.Chat, please refer to the following resources:

Contribute to Rocket.Chat: https://developer.rocket.chat/rocket.chat/contribute-to-rocket.chat/ways-to-contribute/report-bugs
Getting Support: https://rocket.chat/docs/getting-support
Rocket.Chat Issues: https://github.com/RocketChat/Rocket.Chat/issues
Fix: ComposerPopup Doesn't Scroll - Q&A

In our previous article, we explored the issue of the Composer popup not scrolling using the mouse or touchpad in Rocket.Chat. We also provided a step-by-step guide to reproduce and fix the problem. In this article, we will answer some frequently asked questions (FAQs) related to this issue, providing additional insights and solutions to help users resolve the problem.

A: The Composer popup is a dropdown list that appears when a user types a colon (:), at sign (@), or hash symbol (#) in the message box. This list is supposed to be scrollable, allowing users to navigate through the various options.

A: The Composer popup is not scrolling due to a JavaScript or CSS issue, or a compatibility issue with the Safari browser or MacOS operating system.

A: To reproduce the issue, follow these steps:

Go to the message box.
Type a colon (:), at sign (@), or hash symbol (#) in the message box.
Notice that the list inside the Composer popup doesn't have a scroll feature.

A: The possible causes of the issue are:

JavaScript or CSS issue
Browser or OS compatibility issue

A: To fix the issue, follow these steps:

Check for JavaScript or CSS issues.
Update browser or OS.
Disable extensions.
Clear cache and cookies.

A: The keydown arrow functionality is working because it is a keyboard-based navigation, whereas the mouse or touchpad is a pointer-based navigation. The issue is likely due to a JavaScript or CSS issue that is preventing the pointer-based navigation from working correctly.

A: Yes, you can report this issue to the Rocket.Chat team by following these steps:

Go to the Rocket.Chat issues page: https://github.com/RocketChat/Rocket.Chat/issues
Click on the "New issue" button.
Fill in the issue details, including the steps to reproduce the issue.
Submit the issue.

A: You can get help or support for this issue by following these steps:

Go to the Rocket.Chat getting support page: https://rocket.chat/docs/getting-support
Click on the "Contact us" button.
Fill in the support request form.
Submit the request.

For more information on how to contribute to Rocket.Chat, please refer to the following resources:

Contribute to Rocket.Chat: https://developer.rocket.chat/rocket.chat/contribute-to-rocket.chat/ways-to-contribute/report-bugs
Getting Support: https://rocket.chat/docs/getting-support
Rocket.Chat Issues: https://github.com/RocketChat/Rocket.Chat/issues