starred/hoppscotch

Fork 0

mirror of https://github.com/hoppscotch/hoppscotch.git synced 2026-04-26 01:06:00 +03:00

[GH-ISSUE #2738] [bug]: UI: Real-time Log Entries `<div>`'s height decreases as the # of logs logged increases #891

New issue

Closed

opened 2026-03-16 17:34:37 +03:00 by kerem · 7 comments

kerem commented

2026-03-16 17:34:37 +03:00

Owner

Originally created by @Pranav-yadav on GitHub (Oct 5, 2022).
Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/2738

Originally assigned to: @mnosov622 on GitHub.

Is there an existing issue for this?

I have searched the existing issues

Current behavior

When the # of logs logged under realtime tab increases the height of the Log Entries container div decreases¹ in Vertical Layout, and becomes Invisible after sometime as the height becomes near 0.
Though, one can see all of the logs just by changing the Layout to Horizontal...

Find steps to repro. this bug, under below subheading.
Also if possible, please confirm and assign this bug to me with some hints to fix this UI bug. Would love to fix this bug as part of Hacktoberfest :)

Steps to reproduce

Go to https://hoppscotch.io/realtime/websocket
Make sure you're on Realtime Tab
Click Connect btn. (You may change the URL or keep the default)
Make sure you're connected
Observe how height of the realtime log entries container <div> decreases¹ as the # of log entries increases.

[1] Height decreases in the Viewport, tho practically increases :)

Environment

Production

Version

Cloud

Originally created by @Pranav-yadav on GitHub (Oct 5, 2022). Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/2738 Originally assigned to: @mnosov622 on GitHub. ### Is there an existing issue for this? - [X] I have searched the existing issues ### Current behavior When the # of logs logged under realtime tab increases the height of the Log Entries container `div` **decreases**<sup>1</sup> in **Vertical Layout**, and becomes **Invisible** after sometime as the height becomes near 0. Though, one can see all of the logs just by changing the **Layout** to _Horizontal_... Find steps to repro. this bug, under below subheading. Also if possible, please confirm and assign this bug to **me** with some hints to fix this UI bug. Would love to fix this bug as part of Hacktoberfest :) ### Steps to reproduce 1. Go to [https://hoppscotch.io/realtime/websocket](https://hoppscotch.io/realtime/websocket) 2. Make sure you're on **Realtime** Tab 3. Click **Connect** btn. (You may change the URL or keep the default) 4. Make sure you're _connected_ 5. Observe how height of the realtime log entries container `<div>` **decreases**<sup>1</sup> as the # of log entries increases. [1] Height decreases in the _**Viewport**_, tho practically increases :) ### Environment Production ### Version Cloud

kerem

2026-03-16 17:34:37 +03:00

closed this issue
added the
bug

need testing
labels

kerem commented

2026-03-16 17:34:53 +03:00

Author

Owner

@mnosov622 commented on GitHub (Oct 7, 2022):

Hello @Pranav-yadav !

Can you assign this issue to me, please? I would love to fix this bug :)

@mnosov622 commented on GitHub (Oct 7, 2022): Hello @Pranav-yadav ! Can you assign this issue to me, please? I would love to fix this bug :)

kerem commented

2026-03-16 17:34:58 +03:00

Author

Owner

@liyasthomas commented on GitHub (Oct 8, 2022):

Hi @mnosov622, feel free to pick up this issue, assigning it to you.

@liyasthomas commented on GitHub (Oct 8, 2022): Hi @mnosov622, feel free to pick up this issue, assigning it to you.

kerem commented

2026-03-16 17:35:03 +03:00

Author

Owner

@mnosov622 commented on GitHub (Oct 8, 2022):

Thank you @liyasthomas :)

@mnosov622 commented on GitHub (Oct 8, 2022): Thank you @liyasthomas :)

kerem commented

2026-03-16 17:35:08 +03:00

Author

Owner

@mnosov622 commented on GitHub (Oct 12, 2022):

Hi @liyasthomas !

When I'm setting the project and trying to open it, I get white screen, do you know why it might happen ?

@mnosov622 commented on GitHub (Oct 12, 2022): Hi @liyasthomas ! When I'm setting the project and trying to open it, I get white screen, do you know why it might happen ? ![image](https://user-images.githubusercontent.com/73063742/195236479-14c7dbdb-fbd5-4f87-b934-9cd776130021.png) ![image](https://user-images.githubusercontent.com/73063742/195236569-ddb5719a-1996-4f44-a0af-00fa1f3984e2.png)

kerem commented

2026-03-16 17:35:13 +03:00

Author

Owner

@liyasthomas commented on GitHub (Oct 13, 2022):

Hi @mnosov622, have you followed the local development environment setup guide as described in our README?

@liyasthomas commented on GitHub (Oct 13, 2022): Hi @mnosov622, have you followed the [local development environment](../#local-development-environment) setup guide as described in our [README](../#developing)?

kerem commented

2026-03-16 17:35:19 +03:00

Author

Owner

@mnosov622 commented on GitHub (Oct 13, 2022):

Hi @liyasthomas !

I did, but I will do it one more time. Thank you!

@mnosov622 commented on GitHub (Oct 13, 2022): Hi @liyasthomas ! I did, but I will do it one more time. Thank you!

kerem commented

2026-03-16 17:35:24 +03:00

Author

Owner

@mnosov622 commented on GitHub (Oct 14, 2022):

Hi @liyasthomas !

When setting up the project, I have this issue when running pnpm install.

What might be an issue ?

@mnosov622 commented on GitHub (Oct 14, 2022): Hi @liyasthomas ! When setting up the project, I have this issue when running `pnpm install`. ![image](https://user-images.githubusercontent.com/73063742/195762899-0b08e066-8914-43ac-92b4-70633a49226b.png) ![image](https://user-images.githubusercontent.com/73063742/195762935-71e67f29-7603-43bf-93b5-84b3c71ad297.png) What might be an issue ?