starred/hoppscotch

Fork 0

mirror of https://github.com/hoppscotch/hoppscotch.git synced 2026-04-25 16:55:59 +03:00

[GH-ISSUE #3530] [bug]: Set as variable button from response pane z-index issue (visible after scrolling), Response JSON color changing #1203

New issue

Open

opened 2026-03-16 19:09:56 +03:00 by kerem · 3 comments

kerem commented

2026-03-16 19:09:56 +03:00

Owner

Originally created by @dharwishr on GitHub (Nov 10, 2023).
Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/3530

Is there an existing issue for this?

I have searched the existing issues

Current behavior

Set as variable button has a z-index issue where it goes up while scrolling down in the response pane. Also, response JSON colour changes.
See screen-capture

Debian 11, Firefox/Brave

Steps to reproduce

Click on any text from response pane
Scroll down or Scroll up
Set as variable button also goes up and down according to scroll even out of scope

Environment

Production

Version

Cloud

Originally created by @dharwishr on GitHub (Nov 10, 2023). Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/3530 ### Is there an existing issue for this? - [X] I have searched the existing issues ### Current behavior Set as variable button has a z-index issue where it goes up while scrolling down in the response pane. Also, response JSON colour changes. [See screen-capture](https://vimeo.com/883094576/a17c952bd0?share=copy) Debian 11, Firefox/Brave ### Steps to reproduce Click on any text from response pane Scroll down or Scroll up Set as variable button also goes up and down according to scroll even out of scope ### Environment Production ### Version Cloud

kerem added the

bug

need testing

labels

2026-03-16 19:09:56 +03:00

kerem commented

2026-03-16 19:10:07 +03:00

Author

Owner

@dantehemerson commented on GitHub (Nov 12, 2023):

Same happens in Macos version.

@dantehemerson commented on GitHub (Nov 12, 2023): Same happens in Macos version.

kerem commented

2026-03-16 19:10:12 +03:00

Author

Owner

@ajmalmohad commented on GitHub (Dec 9, 2023):

I recreated the issue of Response JSON Color Disappearing
After some time of trying to debug, I found that this line is causing the issue.

github.com/hoppscotch/hoppscotch@23afc201a1/packages/hoppscotch-common/src/composables/codemirror.ts (L225)

Just calling the function view.value?.coordsAtPos(from) causes this behaviour, even if I don't use the values returned from the function.

Eg: Even doing this causes the issue. It is just called and not used

view.value?.coordsAtPos(from);
const top = 0, left = 0;

https://github.com/hoppscotch/hoppscotch/assets/55492635/1605a9ba-87a4-4cfd-bfaf-7f245c4abda5

Any insights on this? @liyasthomas @AndrewBastin

@ajmalmohad commented on GitHub (Dec 9, 2023): I recreated the issue of **Response JSON Color Disappearing** After some time of trying to debug, I found that this line is causing the issue. https://github.com/hoppscotch/hoppscotch/blob/23afc201a12e221c01f79d731513fcfeff928fdd/packages/hoppscotch-common/src/composables/codemirror.ts#L225 Just calling the function `view.value?.coordsAtPos(from)` causes this behaviour, even if I don't use the values returned from the function. Eg: Even doing this causes the issue. It is just called and not used ```js view.value?.coordsAtPos(from); const top = 0, left = 0; ``` https://github.com/hoppscotch/hoppscotch/assets/55492635/1605a9ba-87a4-4cfd-bfaf-7f245c4abda5 Any insights on this? @liyasthomas @AndrewBastin

kerem commented

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

Author

Owner

@liyasthomas commented on GitHub (Dec 9, 2023):

Thanks for debugging and reproducing the behaviors. We'll check these instructions and look into solving these.

@liyasthomas commented on GitHub (Dec 9, 2023): Thanks for debugging and reproducing the behaviors. We'll check these instructions and look into solving these.

kerem referenced this issue

2026-03-17 00:46:33 +03:00

[PR #1203] [MERGED] Add missing id translation on history component #3131

kerem referenced this issue

2026-03-17 00:46:49 +03:00

[PR #1207] [MERGED] I18n #3140