[GH-ISSUE #2823] [bug]: Overflowed fields doesn't wrap and pushes the UI elements away #909

New issue

Closed

opened 2026-03-16 17:38:18 +03:00 by kerem · 0 comments

kerem commented

2026-03-16 17:38:18 +03:00

Owner

Originally created by @CodexLink on GitHub (Oct 25, 2022).
Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/2823

Is there an existing issue for this?

I have searched the existing issues

Current behavior

When I do type more than what the fields can cover, the fields overflow, however, the overflowed fields keeps displaying previous words thus pushing away some of the elements of the browser away.

What I expect is to not make these fields not push away the UI and should the fields respect their currently set height and width even when overflowed.

Steps to reproduce

Go to the REST section.
On the query, select any of the following: parameters, body, headers, or authorization.
Attempt to overflow the fields by typing than what it can over (visually).
Do the same for the other candidates.

Parameters

Authorization

Header

Notes

Pre-request Script and Tests don't have this layout bug.
As seen in the header, the header field can retain the width of the field, but in terms of its value, however, does not.

Environment

Production

Version

Cloud

Originally created by @CodexLink on GitHub (Oct 25, 2022). Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/2823 ### Is there an existing issue for this? - [X] I have searched the existing issues ### Current behavior When I do type more than what the fields can cover, the fields overflow, however, the overflowed fields keeps displaying previous words thus pushing away some of the elements of the browser away. What I expect is to not make these fields not push away the UI and should the fields respect their currently set height and width even when overflowed. ### Steps to reproduce 1. Go to the REST section. 2. On the query, select any of the following: **parameters**, **body**, **headers**, or **authorization**. ![image](https://user-images.githubusercontent.com/5953927/197783036-e4cc481f-715f-4df0-960f-6f126b827b7c.png) 3. Attempt to overflow the fields by typing than what it can over (_visually_). 4. Do the same for the other candidates. ## Parameters ![msedge_QcuafLt5yV](https://user-images.githubusercontent.com/5953927/197783909-c9f1d5c8-94c5-4db1-9306-268e643e9a8c.gif) ## Authorization ![explorer_ewwfUtBiXK](https://user-images.githubusercontent.com/5953927/197784079-d5f2ae81-cfb7-4162-91e4-755ab2266d25.gif) ## Header ![Notepad_7e0ShuXFna](https://user-images.githubusercontent.com/5953927/197784400-79edba1d-af6b-44b6-b26f-29414c91c4ed.gif) ### Notes - Pre-request Script and Tests don't have this layout bug. - As seen in the header, the header field can retain the width of the field, but in terms of its value, however, does not. ### Environment Production ### Version Cloud