Swagger UI displays all endpoints in a single narrow vertical column on Chrome

[ryuwldnjs]

Describe the bug
When viewing the Swagger UI generated by springdoc-openapi, all endpoints are displayed in a single vertical line (stacked vertically in a narrow column) instead of the expected readable(horizontal line) layout.

To Reproduce
Steps to reproduce the behavior:

• SpringBoot: 3.2.0
• springdoc-openapi: 2.3.0
• Device: MacBook M1 Pro
• Browser: Chrome
  Open Swagger UI in Chrome and observe the layout issue.

Expected behavior
Endpoints in the Swagger UI should be displayed in the normal grouped format, aligned horizontally where appropriate, so that method and path information are clearly visible without excessive vertical stacking.

Screenshots

+) The issue does not occur when:

• Downgrading springdoc-openapi to 2.2.0
• (or) Using Safari instead of Chrome

[ryuwldnjs]

If you have the same issue, you can try the temporary fix shown below.

• Downgrading springdoc-openapi to 2.2.0
• (or) Using Safari instead of Chrome

[bnasslahsen]

@ryuwldnjs,

First you should use the last springdoc-openapi version, before reporting any issue.
Second for display issues, feel free to report UI issues to swagger-ui project instead.

[bnasslahsen]

@ryuwldnjs,

First you should use the last springdoc-openapi version, before reporting any issue.
Second for display issues, feel free to report UI issues to swagger-ui project instead.