Improve settings sidebar behavior in mobile view for better navigation feedback #35520
Description
Description
In Rocket.Chat's mobile view, clicking a link in the settings sidebar updates the main content but leaves the sidebar open. This behavior contrasts with the channels sidebar, which automatically closes when a link is clicked.
Steps to Reproduce
- Open Rocket.Chat in mobile view (or simulate mobile view in your browser).
- Open the settings sidebar.
- Click on any link within the settings sidebar.
- Notice that while the main content updates, the settings sidebar remains open.
- Compare this behavior with the channels sidebar, which closes automatically upon clicking a link.
Expected Behavior
When a link in the settings sidebar is clicked, the sidebar should automatically close—mirroring the behavior seen in the channels sidebar. This would provide clear visual feedback that the action was successful and streamline navigation on mobile devices.
Actual Behavior
Clicking a link in the settings sidebar currently updates the main component but leaves the sidebar open. This discrepancy can lead users to believe that their action did not register properly, resulting in a suboptimal user experience.
2025-03-15.22-31-05.mp4
Server Setup Information
- Version of Rocket.Chat Server: 7.5.0 develop
- Operating System: Ubuntu 24.04
- Number of Running Instances: 1
- NodeJS Version: 22.13.1
Client Setup Information
- Desktop App or Browser Version: Google Chrome 134.0.6998.89 (Official Build) (64-bit)
- Operating System: Windows 10 Version 22H2 (Build 19045.5608)
Additional Context
This issue is specific to the mobile view of the Rocket.Chat app. Notably, the channels sidebar already exhibits the desired behavior by closing automatically when a link is clicked. Special thanks to @ishanmitra for pointing out this inconsistency. Addressing this issue would create a more consistent and user-friendly experience across the app's mobile interface.
Are you working on this?
Yes, I am working on this.