[GH-ISSUE #3281] [bug]: Hidden URL on URL input box #1087

Closed
opened 2026-03-16 18:31:23 +03:00 by kerem · 2 comments
Owner

Originally created by @Vishal7100jain on GitHub (Aug 23, 2023).
Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/3281

Is there an existing issue for this?

  • I have searched the existing issues

Current behavior

On the home page url input div is get overflowed and hide the url when the url is large in length, and gets hard to edit.

Steps to reproduce

  1. Go to Home page
  2. click on url input
  3. input large length url
  4. you will see the overflow gets hidden

Environment

Production

Version

Cloud

Originally created by @Vishal7100jain on GitHub (Aug 23, 2023). Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/3281 ### Is there an existing issue for this? - [X] I have searched the existing issues ### Current behavior On the home page url input div is get overflowed and hide the url when the url is large in length, and gets hard to edit. ### Steps to reproduce 1. Go to Home page 2. click on url input 3. input large length url 4. you will see the overflow gets hidden ### Environment Production ### Version Cloud
kerem 2026-03-16 18:31:23 +03:00
Author
Owner

@liyasthomas commented on GitHub (Aug 23, 2023):

Hi @Vishal7100jain, this is an expected behavior. The URL bar will not expand to fit its content's length instead overflowing part will be hidden at the end. You can still horizontally scroll on such input fields to reveal the hidden or overflowing text.

<!-- gh-comment-id:1690068122 --> @liyasthomas commented on GitHub (Aug 23, 2023): Hi @Vishal7100jain, this is an expected behavior. The URL bar will not expand to fit its content's length instead overflowing part will be hidden at the end. You can still horizontally scroll on such input fields to reveal the hidden or overflowing text.
Author
Owner

@Vishal7100jain commented on GitHub (Aug 23, 2023):

Screenshot 2023-08-23 234810

Its become more easy to edit it when it can scroll in y axis like this

<!-- gh-comment-id:1690425525 --> @Vishal7100jain commented on GitHub (Aug 23, 2023): <img width="636" alt="Screenshot 2023-08-23 234810" src="https://github.com/hoppscotch/hoppscotch/assets/134675294/38f9735f-cc7e-4dfe-8909-860864a277dc"> Its become more easy to edit it when it can scroll in y axis like this
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/hoppscotch#1087
No description provided.