swagger-ui icon indicating copy to clipboard operation
swagger-ui copied to clipboard

Keyboard traps inside the code editor container under 'Swagger Editor' page.

Open msftedad opened this issue 8 months ago • 1 comments

Q&A (please complete the following information)

  1. OS: Windows 11
  2. Browser: Microsoft Edge and Google Chrome
  3. Versions: 135.0.3179.98 and Version 135.0.7049.115
  4. Method of installation: dist
  5. Swagger-Editor version: 4.0.3
  6. Swagger/OpenAPI Version: Swagger 2.0

Content & configuration

Example Swagger/OpenAPI definition: https://github.com/microsoft/PowerPlatformConnectors/blob/dev/certified-connectors/Nintex%20Workflow/apiDefinition.swagger.json

# your YAML here

Swagger-UI configuration options:

SwaggerUI({
  // your config options here
})
?yourQueryStringConfig

Describe the bug you're encountering

To reproduce...

  1. Open URL: https://editor.swagger.io/
  2. Press tab key to reach to the code present inside the "Code editor".
  3. Verify whether the Keyboard traps inside the code editor container under 'Swagger Editor' page or not.

Actual Result Keyboard traps inside the code editor container under 'Swagger Editor' page.

Expected behavior

Keyboard should not trap inside the code editor container under 'Swagger Editor' page. The focus should move outside of the swagger editor by using shortcut keys (EX: tab/shift+tab/ait+shift+h/alt+M/ctrl+alt+m... etc)

Screenshots

https://github.com/user-attachments/assets/55cca68b-44c1-49b9-9126-40597b40e4cc

Image

Additional context or thoughts

msftedad avatar May 06 '25 07:05 msftedad

Hi Team, Any update on this issue?

msftedad avatar Nov 12 '25 10:11 msftedad