Package

@carbon/react

Browser

Chrome

Package version

1.97.0

React version

18.3.1

Description

component placed inside scrollable container not work good.
When dropdown menu is active and user scroll page this menu detach from overflow menu button.

Reproduction/example

https://stackblitz.com/edit/nm8htwp4?file=src%2FApp.jsx

Steps to reproduce

1. Open example
2. click on three dots to open menu
3. make sure the mouse cursor is outside the menu (can be on button but not on menu)
4. scroll down
5. notice that menu detach from button

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Application/PAL

FTM

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems