From 6198a25bc67effe7e7f419680d874840b2165013 Mon Sep 17 00:00:00 2001
From: nivedin <nivedinp@gmail.com>
Date: Wed, 21 Feb 2024 13:15:32 +0530
Subject: [PATCH] fix: absolute gql response codemirror position

---
 .../src/components/graphql/RequestOptions.vue              | 2 +-
 .../hoppscotch-common/src/components/graphql/Response.vue  | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/hoppscotch-common/src/components/graphql/RequestOptions.vue b/packages/hoppscotch-common/src/components/graphql/RequestOptions.vue
index 62cd4fbbd..8392fec8e 100644
--- a/packages/hoppscotch-common/src/components/graphql/RequestOptions.vue
+++ b/packages/hoppscotch-common/src/components/graphql/RequestOptions.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex h-full flex-1 flex-col">
+  <div class="h-full">
     <HoppSmartTabs
       v-model="selectedOptionTab"
       styles="sticky top-0 bg-primary z-10 border-b-0"
diff --git a/packages/hoppscotch-common/src/components/graphql/Response.vue b/packages/hoppscotch-common/src/components/graphql/Response.vue
index 67c0639c0..02073b0af 100644
--- a/packages/hoppscotch-common/src/components/graphql/Response.vue
+++ b/packages/hoppscotch-common/src/components/graphql/Response.vue
@@ -4,7 +4,7 @@
       v-if="
         response && response.length === 1 && response[0].type === 'response'
       "
-      class="flex flex-1 flex-col"
+      class="flex flex-1 flex-col relative"
     >
       <div
         class="sticky top-0 z-10 flex flex-shrink-0 items-center justify-between overflow-x-auto border-b border-dividerLight bg-primary pl-4"
@@ -72,7 +72,10 @@
           </tippy>
         </div>
       </div>
-      <div ref="schemaEditor" class="flex flex-1 flex-col"></div>
+      <div
+        ref="schemaEditor"
+        class="flex flex-1 flex-col absolute inset-0 top-10"
+      ></div>
     </div>
     <component
       :is="response[0].error.component"