From daed141fa24cf5e58531a672767cd39dea42295f Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Tue, 7 Mar 2023 19:23:24 +0100
Subject: [PATCH] fix z-stacking on chrome for flow builder

---
 frontend/src/lib/components/common/tabs/Tab.svelte             | 2 +-
 .../lib/components/flows/content/FlowModuleComponent.svelte    | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/common/tabs/Tab.svelte b/frontend/src/lib/components/common/tabs/Tab.svelte
index 4fff68b2df..39f95f9c30 100644
--- a/frontend/src/lib/components/common/tabs/Tab.svelte
+++ b/frontend/src/lib/components/common/tabs/Tab.svelte
@@ -25,7 +25,7 @@
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
 	class={twMerge(
-		'border-b-2 py-1 px-4 cursor-pointer transition-all ease-linear font-medium',
+		'border-b-2 py-1 px-4 cursor-pointer transition-all z-10 ease-linear font-medium',
 		$selected?.startsWith(value)
 			? 'border-gray-600 text-gray-800 '
 			: 'border-gray-300 border-opacity-0 hover:border-opacity-100 text-gray-600',
diff --git a/frontend/src/lib/components/flows/content/FlowModuleComponent.svelte b/frontend/src/lib/components/flows/content/FlowModuleComponent.svelte
index 36e0ee1d40..aa5d8f3d50 100644
--- a/frontend/src/lib/components/flows/content/FlowModuleComponent.svelte
+++ b/frontend/src/lib/components/flows/content/FlowModuleComponent.svelte
@@ -177,7 +177,7 @@
 				style="max-height: calc(100% - {totalTopGap}px) !important;"
 			>
 				<Splitpanes horizontal>
-					<Pane class="-z-10" size={isScript ? 30 : 50} minSize={20}>
+					<Pane size={isScript ? 30 : 50} minSize={20}>
 						{#if value.type === 'rawscript'}
 							<div class="h-full">
 								<Editor
@@ -203,6 +203,7 @@
 										await reload(flowModule)
 									}}
 									formatAction={() => reload(flowModule)}
+									fixedOverflowWidgets
 								/>
 							</div>
 						{:else if value.type === 'script'}