swagger-api
Keyboard Focus is moving away from available authorization dialog without closing it while navigating using tab key in Windows.
Q&A (please complete the following information)
OS: Windows 11 24H2 Browser: Edge, chrome Version: 133.0.3065.82 (Official build) (64-bit) Method of installation: dist Swagger-UI version: 5.17.14 Swagger/OpenAPI version: 3.0
Content & configuration
Example Swagger/OpenAPI definition:
# your YAML here
Swagger-UI configuration options:
SwaggerUI({
// your config options here
})
?yourQueryStringConfig
Describe the bug you're encountering
Keyboard Focus is moving away from available authorization dialog without closing it while navigating using tab key in Windows. This bug affects users who rely on keyboard navigation, especially individuals with motor impairments or visual disabilities, by causing the focus to shift away from the authorization dialog without closing it. This issue makes it challenging for users to interact with the dialog, potentially leading to frustration, errors, or an inability to complete tasks.
To reproduce...
Steps to reproduce the behavior:
- Open the URL: Swagger UI (codepen.io) in the latest Edge browser in Windows.
- Swagger Pet store - Opena API 3.0 screen will open.
- Press tab key to move to 'Authorize' button and press enter to activate it. 'Available Authorization' dialog will appear.
- Press tab key to move to the 'close button' inside the dialog.
- Verify on pressing tab key whether focus is moving out of the 'Available Authorization' dialog or not.
Expected behavior
Using tab key, Keyboard Focus shouldn't move away from available authorization dialog without closing the dialog in windows. Focus should stay within the available authorization dialog until user closes the dialog.
https://github.com/user-attachments/assets/4b59920c-4b1b-4196-8764-08678b0aa7e5
