fix: add parent containers for codemirror instances

This commit is contained in:
nivedin
2024-02-21 22:19:33 +05:30
committed by Andrew Bastin
parent e6cc235532
commit cd7429dd24
8 changed files with 21 additions and 11 deletions

View File

@@ -145,8 +145,8 @@
/> />
</div> </div>
</div> </div>
<div v-if="schemaString" class="h-full"> <div v-if="schemaString" class="h-full relative w-full">
<div ref="schemaEditor" class="flex flex-1 flex-col"></div> <div ref="schemaEditor" class="absolute inset-0"></div>
</div> </div>
<HoppSmartPlaceholder <HoppSmartPlaceholder
v-else v-else

View File

@@ -67,7 +67,9 @@
/> />
</div> </div>
</div> </div>
<div ref="variableEditor" class="flex flex-1 flex-col"></div> <div class="h-full relative">
<div ref="variableEditor" class="flex flex-1 flex-col"></div>
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">

View File

@@ -49,7 +49,9 @@
/> />
</div> </div>
</div> </div>
<div v-if="bulkMode" ref="bulkEditor" class="flex flex-1 flex-col"></div> <div v-if="bulkMode" class="h-full relative w-full">
<div ref="bulkEditor" class="absolute inset-0"></div>
</div>
<div v-else> <div v-else>
<draggable <draggable
v-model="workingHeaders" v-model="workingHeaders"

View File

@@ -44,7 +44,9 @@
/> />
</div> </div>
</div> </div>
<div v-if="bulkMode" ref="bulkEditor" class="flex flex-1 flex-col"></div> <div v-if="bulkMode" class="h-full relative">
<div ref="bulkEditor" class="absolute inset-0"></div>
</div>
<div v-else> <div v-else>
<draggable <draggable
v-model="workingParams" v-model="workingParams"

View File

@@ -30,8 +30,8 @@
</div> </div>
</div> </div>
<div class="flex flex-1 border-b border-dividerLight"> <div class="flex flex-1 border-b border-dividerLight">
<div class="w-2/3 border-r border-dividerLight"> <div class="w-2/3 border-r border-dividerLight h-full relative">
<div ref="preRequestEditor" class="h-full"></div> <div ref="preRequestEditor" class="h-full absolute inset-0"></div>
</div> </div>
<div <div
class="z-[9] sticky top-upperTertiaryStickyFold h-full min-w-[12rem] max-w-1/3 flex-shrink-0 overflow-auto overflow-x-auto bg-primary p-4" class="z-[9] sticky top-upperTertiaryStickyFold h-full min-w-[12rem] max-w-1/3 flex-shrink-0 overflow-auto overflow-x-auto bg-primary p-4"

View File

@@ -59,7 +59,9 @@
/> />
</div> </div>
</div> </div>
<div ref="rawBodyParameters" class="flex flex-1 flex-col"></div> <div class="h-full relative">
<div ref="rawBodyParameters" class="absolute inset-0"></div>
</div>
</div> </div>
</template> </template>

View File

@@ -30,8 +30,8 @@
</div> </div>
</div> </div>
<div class="flex flex-1 border-b border-dividerLight"> <div class="flex flex-1 border-b border-dividerLight">
<div class="w-2/3 border-r border-dividerLight"> <div class="w-2/3 border-r border-dividerLight h-full relative">
<div ref="testScriptEditor" class="h-full"></div> <div ref="testScriptEditor" class="h-full absolute inset-0"></div>
</div> </div>
<div <div
class="z-[9] sticky top-upperTertiaryStickyFold h-full min-w-[12rem] max-w-1/3 flex-shrink-0 overflow-auto overflow-x-auto bg-primary p-4" class="z-[9] sticky top-upperTertiaryStickyFold h-full min-w-[12rem] max-w-1/3 flex-shrink-0 overflow-auto overflow-x-auto bg-primary p-4"

View File

@@ -44,7 +44,9 @@
/> />
</div> </div>
</div> </div>
<div v-if="bulkMode" ref="bulkEditor" class="flex flex-1 flex-col"></div> <div v-if="bulkMode" class="h-full relative">
<div ref="bulkEditor" class="absolute inset-0"></div>
</div>
<div v-else> <div v-else>
<draggable <draggable
v-model="workingUrlEncodedParams" v-model="workingUrlEncodedParams"