Skip to content

HTTP methods OPTIONS and CONNECT are cut off in the method selector #696

@awulz

Description

@awulz

Describe the bug
When selecting the HTTP methods OPTIONS or CONNECT in the request method dropdown, the text is cut off because the dropdown width is too narrow to display these longer method names. This only occurs when the application window is not maximized/fullscreen.

While these methods are not commonly used, they should still be fully visible when selected.

To Reproduce
Steps to reproduce the behavior:

  1. Resize the Trufos window to a smaller size (not fullscreen)
  2. Open a request in the main panel
  3. Click on the HTTP method selector
  4. Select OPTIONS or CONNECT
  5. Observe that the method name is cut off

Expected behavior
All HTTP method names should be fully visible in the method selector, including longer names like OPTIONS and CONNECT.
Screenshots/Video

Image Image

Additional context
The HTTP method selector is defined in HttpMethodSelect.tsx.
The SelectTrigger on line 56 has a fixed min-w-[102px] which is too narrow for longer method names like OPTIONS and CONNECT.
Increasing this value or using a dynamic width should fix the issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions