diff --git a/packages/hoppscotch-common/src/components/lenses/renderers/JSONLensRenderer.vue b/packages/hoppscotch-common/src/components/lenses/renderers/JSONLensRenderer.vue
index 512932346..f9ae2f42a 100644
--- a/packages/hoppscotch-common/src/components/lenses/renderers/JSONLensRenderer.vue
+++ b/packages/hoppscotch-common/src/components/lenses/renderers/JSONLensRenderer.vue
@@ -119,10 +119,11 @@
/>
-
-
diff --git a/packages/hoppscotch-common/src/composables/codemirror.ts b/packages/hoppscotch-common/src/composables/codemirror.ts
index b09a644d2..a2a4d25e2 100644
--- a/packages/hoppscotch-common/src/composables/codemirror.ts
+++ b/packages/hoppscotch-common/src/composables/codemirror.ts
@@ -330,7 +330,10 @@ export function useCodemirror(
),
EditorView.domEventHandlers({
- scroll(event) {
+ scroll(event, view) {
+ // HACK: This is a workaround to fix the issue in CodeMirror where the content doesn't load when the editor is not in view.
+ view.requestMeasure()
+
if (event.target && options.contextMenuEnabled) {
// Debounce to make the performance better
debouncedTextSelection(30)()