swagger-api / swagger-api/swagger-ui
Response content type dropdown should appear before the Execute button
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 29k
- Forks
- 9.3k
- Avg merge
- 2d 23h
- Merged PRs (30d)
- 25
Description
Is your feature request related to a problem?
When you click "Try it out" on an operation with multiple response content types, the "Response content type" dropdown currently appears after the "Execute" button in the rendered layout. I'm always frustrated when I click Execute out of habit and only afterward notice the content type dropdown below it, meaning the request may have gone out with the wrong Accept header value.
Describe the solution you'd like
Reorder the operation panel so the "Response content type" dropdown is rendered above (before) the "Execute" button, grouped together with the
other request-configuration controls (parameters, request body, parameter content type, etc.) that already appear before Execute. This way all
inputs that affect the outgoing request are visually grouped together, followed by the action button.
Describe alternatives you've considered
- Keeping the current order but adding a scroll/visual cue directing users back up to the dropdown after clicking "Try it out".
- Making the dropdown's position configurable via a layout/plugin option for consumers who prefer the current order.
Additional context
- Swagger-UI version: swagger-ui-react ^5.9.1
- Method of installation: npm, used as a React component (create-react-app / react-scripts) inside a Java Quarkus backend project, built via Maven's frontend-maven-plugin
- Browser: Chrome
- Swagger/OpenAPI spec version: OpenAPI 3.0.1 (see minimal example above)
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by tracing the React operation panel that renders the response content type dropdown and the Execute button, then compare its ordering with the other request-configuration controls. Reorder the controls so the dropdown appears before Execute, and verify in the rendered OpenAPI 3.0.1 example that the selected response content type is visible before the request is sent.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100