Scrollbar Interaction Issue in Dropdown Component in Microsoft Edge v114/115

[hyxfish27]

Describe the bug

When the parent element has the overflow-y: auto CSS property, the scrollbar within the dropdown component cannot be interacted with through mouse dragging or clicking the up/down buttons.

Steps to reproduce the bug

1. Create an environment with Microsoft Edge version 114/115 on a Windows system.
2. Go to CodeSandbox
3. Click on dropdown component
4. Try to drag the scrollbar in dropdown component or click the up/down buttons -> Both cannot work
5. remove the overflow-y: auto property in .outer-container -> Both can work correctly

Expected behavior

The scrollbar and up/down buttons should operate correctly in Edge 114/115 version

Versions

Libraries:

• BootstrapVue: 2.23.1
• Bootstrap: 4.4.1
• Vue: 2.6.12

Environment:

• Device: windows
• OS: windows
• Browser: Microsoft Edge
• Version: 114/115

Demo link

CodeSandbox

Additional context

Microsoft Edge disscussion link
I have also reported this issue to Microsoft, but I am not sure if it is a problem with the Edge version or if there is an incompatibility in the build process of Bootstrap-Vue.
Thanks for your notice :)

[SimonJChen]

Was having the exact same issue here (Edge version 114) however I was not leveraging this library. It looks like they're fixing it in their beta Version 115.0.1901.9 at least for my version of this issue. I believe the problem stems from this flag shown below. If you disable that, see if scrolling via click and drag works.