[MGTP - mgt-teams-channel-picker]: Keyboard focus is going twice on the arrow icon button.

[vagpt]

Test Environment:
OS Build: Windows 11
Version: 24H2 (OS Build 25346.1001)
Browser: Edge dev
Browser Version 114.0.1807.5 (Official build) dev (64-bit)
URL: https://mgt.dev/?path=/story/editor--editor
User ID: V-id

Pre-Requisite:
Navigate through the keyboard only.

Repro Steps:

1. Open the above URL and login with valid credentials.
2. Press 'Ctrl+Win+Enter' keys to turn on Narrator.
3. 'Microsoft Graph Toolkit Playground' Overview page will get displayed.
4. Press tab key and navigate to 'Mgt-teams channel picker and press enter key to activate it.
5. Now press tab key and navigate to the docs option and press enter key to expand it.
6. Press tab key and navigate to the arrow icon present on the combo box and observe the issue.

Actual Result:
While navigating on the 'Select a channel' combo box arrow icon, keyboard focus is landing twice on it. When the focus is on arrow icon then on pressing tab key second time it is again lading on the same control.

Expected Result:
Keyboard focus should not be land twice on the arrow icon. When the focus is on the arrow icon then on pressing tab key, focus should be land on the next interactive control.

Note:
Same issue is repro throughout the application for the same control type.

User Impact:
It will impact the keyboard user as they will get confused and assume there are two arrow icons are present on the screen.

WCAG Reference:
https://www.w3.org/WAI/WCAG21/Understanding/focus-order

Have feedback to share on Bugs? please tag bug as “A11yRCA” and add your feedback in the comment section.

KB.focus.going.to.twice.on.arrow.icon.button.mp4

[Mnickii]

@vagpt this is available for testing here