[MGTP-Planner-Docs-More option]: Task automatically removed when pressing Esc key to collapse "More Options" button.

[Raisul123]

Test Environment: OS Build: Windows 11  Version: 24H2 (OS Build 26058.1400)  Browser: Edge dev  Browser Version 123.0.2400.1 (Official build) dev (64-bit) URL: Overview - Docs ⋅ Storybook (mgt.dev)

Repro Steps:

1. Open the above URL.
2. The ‘Microsoft Graph Toolkit Playground' Overview page will get displayed.
3. Navigate to the ‘MGTP-Planner’ and activate it.
4. Navigate to the ‘Docs’ and activate it.
5. Navigate to the ‘More option’ three dotted button and activate it.
6. Navigate to “Delete Task” using Tab key.
7. Press Esc key to collapse ‘More option’ button.
8. Observe the issue.

Actual Result: Task automatically removed when pressing Esc key to collapse "More Options" button.

Expected Result: Task should not remove when pressing Esc key to collapse "More Options" button. After Pressing Esc key “More option” should collapse.

User Impact: It will be difficult for the keyboard users to close expanded list and to perform functionality if the Task automatically removed when pressing Esc key to collapse "More Options" button. Hence, they are blocked from performing action.

“ Have feedback on bugs logged, please tag bug as “A11yRCA“ and add your feedback in the comment section. “

Attachments:

https://github.com/microsoftgraph/microsoft-graph-toolkit/assets/23114460/912c4fa9-9581-4e7c-ba97-90c182cbf581

[gavinbarron]

The escape key press while the delete button is focused is causing the delete button to be clicked.

This also happens for a tab key press.