[Bug]: Dropdown scrollbar click issue inside Modal

[kironvk]

Package

@carbon/react

Browser

Chrome

Package version

1.53.1

React version

18.2.0

Description

When we try to scroll the dropdown list by clicking the scroll bar, dropdown list getting dismissed. This issue happens only when dropdown placed inside a Modal. Otherwise there is no issue with dropdown scrollbar.

Reproduction/example

https://stackblitz.com/edit/github-pssigk?file=src%2FApp.jsx

Steps to reproduce

Create a Modal. Place a dropdown component inside the Modal. Click on the scrollbar of dropdown list. Not able to scroll and the dropdown list will get closed automatically.

Suggested Severity

Severity 2 = User cannot complete task, and/or no workaround within the user experience of a given component.

Application/PAL

IBM Open pages

Code of Conduct

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

[2nikhiltom]

Can reproduce on Package version : 1.57.0 as well