Drop down menus not sticking when scrolling through the screen

[vibhor-goyal-97]

While opening a dropdown menu, we are seeing that the menu doesn't move with the screen when we scroll outside of it.

Expected Behavior

The dropdown menus should move with the screen so that the user experience is cohesive

Actual Behavior

Dropdown menus staying in one place while other web elements move during scroll.

URL, screen shot, or Codepen exhibiting the issue

Attached the screenshot

Steps to Reproduce

This issue is easily reproducible at
https://storybook.grommet.io/?path=/story/input-selectmultiple-children--children

Go there and click on zoom-in icon so that scroll bar appears and then click on dropdown. Try scrolling to see the issue.

Your Environment

Issue seen in one of our products, which is deployed in staging, pre-prod and prod.

• Grommet version: 2.33.1
• grommet-icons: 4.11.0
• grommet-theme-hpe: 5.0.3
• Browser Name and version: Chrome v121.0.6167.185
• Operating System and version (desktop or mobile): Desktop (laptop screen)