From 9739cdbbaa8e715f2ea09e2034088d6be54e49af Mon Sep 17 00:00:00 2001
From: Nivedin <53208152+nivedin@users.noreply.github.com>
Date: Thu, 27 Oct 2022 08:12:23 +0530
Subject: [PATCH] fix: codemirror field overflow (#2827)

* fix: codemirror editor overflow

* chore: minor ui improvements

Co-authored-by: Liyas Thomas <liyascthomas@gmail.com>
---
 .../src/components/smart/EnvInput.vue         | 24 ++++++++++---------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/packages/hoppscotch-app/src/components/smart/EnvInput.vue b/packages/hoppscotch-app/src/components/smart/EnvInput.vue
index 4da8b3e5e..2da72850b 100644
--- a/packages/hoppscotch-app/src/components/smart/EnvInput.vue
+++ b/packages/hoppscotch-app/src/components/smart/EnvInput.vue
@@ -1,17 +1,19 @@
 <template>
   <div
-    class="flex items-center flex-1 flex-shrink-0 overflow-auto whitespace-nowrap"
+    class="relative flex items-center flex-1 flex-shrink-0 py-4 overflow-auto whitespace-nowrap"
   >
-    <div
-      ref="editor"
-      :placeholder="placeholder"
-      class="flex flex-1"
-      :class="styles"
-      @keydown.enter.prevent="emit('enter', $event)"
-      @keyup="emit('keyup', $event)"
-      @click="emit('click', $event)"
-      @keydown="emit('keydown', $event)"
-    ></div>
+    <div class="absolute inset-0 flex flex-1">
+      <div
+        ref="editor"
+        :placeholder="placeholder"
+        class="flex flex-1"
+        :class="styles"
+        @keydown.enter.prevent="emit('enter', $event)"
+        @keyup="emit('keyup', $event)"
+        @click="emit('click', $event)"
+        @keydown="emit('keydown', $event)"
+      ></div>
+    </div>
   </div>
 </template>