Adding scroll bar functionality to the teams channel picker component dropdown flickers when I scroll it via the scroll buttons.

[iamvimals]

Description:
Adding scroll bar functionality to the teams channel picker component dropdown flickers when I scroll it via the scroll buttons.

Please see the link below:
Stackblitz repo: https://stackblitz.com/edit/zunetukg?file=src%2FApp.tsx,src%2Fteams-channel-picker.ts,src%2Fmain.css
Steps:

1. Expand the dropdown
2. Expand some teams to see the scrollbar visible on the right.
3. Click on the arrow button on the scroll bar.

Current behaviour
After adding a scrollbar to the treeview element, I can see the scrollbar visible and I can scroll it without any issues using the mouse scroll wheel. But when I use the scroll up/down buttons, the scrollbar flickers and always tries to move to the top.

Expected behavior
The scroll buttons should work correctly.

Also are there any plans of adding a scrollbar to the channel picker dropdown?

Environment

• OS: Window 11
• Browser: Edge
• Framework: React
• Context: Teams Channel Picker, MS Teams
• Provider: Msal2Provider