UI bug in Deployments: Driver version dropdown scrolls independently

MongoDB Atlas
1

Description

While attempting to connect to a database in the Deployments section, I encountered a UI bug in the driver version selection process. When I open the dropdown menu to browse available versions, the entire dropdown box gets detached from the selection field and scrolls independently with the page.

Expected behaviour

The driver version dropdown should remain anchored close to the selection field, even when scrolling the page. It should either scroll within its parent container (the selection field) or remain static relative to the page.

Steps to reproduce

  1. In the Deployments section, navigate to the database you want to connect.
  2. Click the “Connect to your application” option.
  3. Under “Drivers,” click the dropdown menu to select a driver version.
  4. Scroll down the page while keeping the dropdown menu open.

Impact

This bug disrupts the user experience and makes it difficult to select the desired driver version efficiently, especially when dealing with numerous versions.

Additional Information

Browser: Google Chrome
Operating System: macOS

#ScreenShots

mongobd-atlas-UI-issue
mongobd-atlas-UI-issue1596×1408 231 KB

1 Like
2

Hi Pradeep, thank you so much for your detailed summary and I apologize for this issue you experienced in the UI. This is a periodic issue in our design system that we are looking into fixing. Please let me know if you run into this again, it should not happen very often.

1 Like