From 7e1ebd5b4358a0c22f52448b74e1e552801e04eb Mon Sep 17 00:00:00 2001
From: nivedin <nivedinp@gmail.com>
Date: Wed, 21 Feb 2024 13:27:44 +0530
Subject: [PATCH] fix: add parent container for codemirror instance in gql

---
 .../src/components/graphql/Response.vue                  | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/hoppscotch-common/src/components/graphql/Response.vue b/packages/hoppscotch-common/src/components/graphql/Response.vue
index 02073b0af..e82c9d567 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 relative"
+      class="flex flex-1 flex-col"
     >
       <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,10 +72,9 @@
           </tippy>
         </div>
       </div>
-      <div
-        ref="schemaEditor"
-        class="flex flex-1 flex-col absolute inset-0 top-10"
-      ></div>
+      <div class="relative h-full">
+        <div ref="schemaEditor"></div>
+      </div>
     </div>
     <component
       :is="response[0].error.component"