From bfdb559b47786e37f135ca345c55828cc70e49e9 Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Wed, 22 Nov 2023 12:49:50 +0100
Subject: [PATCH] fix(frontend): disable active interaction to avoid broken
 state (#2675)

* fix(frontend): disable active interaction to avoid broken state

* fix(frontend): id tutorial id
---
 frontend/src/lib/components/flows/map/InsertModuleButton.svelte | 2 +-
 frontend/src/lib/components/tutorials/Tutorial.svelte           | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/flows/map/InsertModuleButton.svelte b/frontend/src/lib/components/flows/map/InsertModuleButton.svelte
index 7cae5c2415..2708c4b621 100644
--- a/frontend/src/lib/components/flows/map/InsertModuleButton.svelte
+++ b/frontend/src/lib/components/flows/map/InsertModuleButton.svelte
@@ -35,7 +35,7 @@
 	>
 		<Cross class="mx-[5px]" size={15} />
 	</button>
-	<div id="flow-editor-insert-module ">
+	<div id="flow-editor-insert-module">
 		{#if !disableAi}
 			<StepGen {index} bind:funcDesc bind:open {close} {modules} />
 		{/if}
diff --git a/frontend/src/lib/components/tutorials/Tutorial.svelte b/frontend/src/lib/components/tutorials/Tutorial.svelte
index 332f63b7c5..7dfd0f5c2a 100644
--- a/frontend/src/lib/components/tutorials/Tutorial.svelte
+++ b/frontend/src/lib/components/tutorials/Tutorial.svelte
@@ -38,6 +38,7 @@
 		const tutorial = driver({
 			showProgress: true,
 			allowClose: true,
+			disableActiveInteraction: true,
 			onPopoverRender: (popover, { config, state }) => {
 				if (state.activeIndex == 0) {
 					const skipThisButton = createTutorialButton('Mark this tutorial as completed', () => {