[GH-ISSUE #409] UI improvement suggestion for request method drop down #155

New issue

Closed

opened 2026-03-16 13:46:15 +03:00 by kerem · 3 comments

kerem commented

2026-03-16 13:46:15 +03:00

Owner

Originally created by @GglServe on GitHub (Dec 8, 2019).
Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/409

Describe the bug

With current UI of main page, the method selection offers an editable text field along with drop down to list the request methods.
But just clicking on the drop down does not show all methods, you have to manually delete the method text (like 'GET') to be actually able to see all methods.
This is somewhat confusing behavior, since expected behavior is to get a list of available methods for selection when clicking on down arrow of input box.
Just clicking the down arrow does not show cursor in the method text box to let user know to delete the text first.

To Reproduce
Steps to reproduce the behavior:

Click on down arrow in request method on main page.
Only method visible is 'GET'

Expected behavior
Drop down list shows all available methods, or at least let me know to edit the method text manually.

Screenshots

Desktop:

OS: Windows 8.1
Browser: Brave
Version: 1.0.1 Chromium: 78.0.3904.108 (Official Build) (64-bit)

Suggested fixes

All the methods should be visible when clicking on just down arrow in the text box
Cursor should appear in text box when only down arrow is clicked to let user know that field is editable

Originally created by @GglServe on GitHub (Dec 8, 2019). Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/409 **Describe the bug** - With current UI of main page, the method selection offers an editable text field along with drop down to list the request methods. - But just clicking on the drop down does not show all methods, you have to manually delete the method text (like 'GET') to be actually able to see all methods. - This is somewhat confusing behavior, since expected behavior is to get a list of available methods for selection when clicking on down arrow of input box. - Just clicking the down arrow does not show cursor in the method text box to let user know to delete the text first. **To Reproduce** Steps to reproduce the behavior: 1. Click on down arrow in request method on main page. 2. Only method visible is 'GET' **Expected behavior** Drop down list shows all available methods, or at least let me know to edit the method text manually. **Screenshots** ![image](https://user-images.githubusercontent.com/52504930/70387019-ff422c80-19c5-11ea-8706-5c4959a22239.png) **Desktop:** - OS: Windows 8.1 - Browser: Brave - Version: 1.0.1 Chromium: 78.0.3904.108 (Official Build) (64-bit) **Suggested fixes** - All the methods should be visible when clicking on just down arrow in the text box - Cursor should appear in text box when only down arrow is clicked to let user know that field is editable

kerem closed this issue

2026-03-16 13:46:21 +03:00

kerem commented

2026-03-16 13:46:26 +03:00

Author

Owner

@liyasthomas commented on GitHub (Dec 8, 2019):

Issue has been identified. Will patch it ASAP.

@liyasthomas commented on GitHub (Dec 8, 2019): Issue has been identified. Will patch it ASAP.

kerem commented

2026-03-16 13:46:31 +03:00

Author

Owner

@GglServe commented on GitHub (Dec 8, 2019):

I see that now request method options are no longer editable. It fixes the UI issue. However, in the Readme documentation under Features -> Methods, a feature is listed as

- Some APIs use custom request methods such as LIST. Type in your custom methods.

Is this feature now available through any other option now?

@GglServe commented on GitHub (Dec 8, 2019): I see that now request method options are no longer editable. It fixes the UI issue. However, in the Readme documentation under Features -> Methods, a feature is listed as > <custom> - Some APIs use custom request methods such as LIST. Type in your custom methods. Is this feature now available through any other option now?

kerem commented

2026-03-16 13:46:36 +03:00

Author

Owner

@liyasthomas commented on GitHub (Dec 8, 2019):

Just ran into a UI bug, that's why I had to remove it temporarily. Will update tomorrow 👍

@liyasthomas commented on GitHub (Dec 8, 2019): Just ran into a UI bug, that's why I had to remove it temporarily. Will update tomorrow 👍

kerem referenced this issue

2026-03-17 00:09:24 +03:00

[PR #161] [MERGED] clear buttons added #2454