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)()