fix: Popover menu remains fixed on scroll in Settings > Preferences

[Anxhul10]

Description:

When opening a popover menu in Settings > Preferences, the menu remains fixed in its position even when the page is scrolled, leading to a poor user experience. The popover should either close on scroll or reposition correctly.

This behaviour is observed in all the popover menus under the preferences

Steps to reproduce:

1. Click on user icon
2. select profile
3. select preferences
4. go to sound
5. click on New Room Notification or New Message Notification
6. then scroll up

Expected behavior:

1. either the popover menu should be closed on scroll or on scroll the popover menu should be fixed with the element
   eg - on scroll popover menu should change its position with the New Room Notification or New Message Notification

Actual behavior:

The popover menu remains in the same position even as the page scrolls, creating a misalignment with the UI.

video

Screencast.from.2025-03-07.16-53-16.webm

Server Setup Information:

checked on : open.rocket.chat

Client Setup Information

• firefox:135.0.1 (64-bit)
• Operating System:Ubuntu 24.04.2 LTS

[jalpp]

I can reproduce, I'm working on this

[Anxhul10]

I can reproduce, please assign to me would like to work on this

I recomment reading this https://gist.github.com/reetp/a66149d5f060f260643a353ca7067a98#developers

[jalpp]

Sorry, I'm new here, already started working on this

[Anxhul10]

Sorry, I'm new here, already started working on this

okay no worries , I 'm also working on this issue . But if you manage to solve this feel free to raise a PR.

[jalpp]

ok no worries you can solve it @Anxhul10 , I will contribute to something else