From a01792f8f3afa840b5e02b613e24e8e62df9e5d9 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Fri, 5 May 2023 15:17:34 +0200
Subject: [PATCH] fix html frame clickable in preview mode

---
 .../lib/components/apps/components/display/AppHtml.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/apps/components/display/AppHtml.svelte b/frontend/src/lib/components/apps/components/display/AppHtml.svelte
index 698f61698e..420f95a8c9 100644
--- a/frontend/src/lib/components/apps/components/display/AppHtml.svelte
+++ b/frontend/src/lib/components/apps/components/display/AppHtml.svelte
@@ -58,11 +58,15 @@
 				class="p-0 {css?.container?.class ?? ''}"
 				title="sandbox"
 				srcdoc={result
-					? '<scr' + `ipt type="application/javascript" src="/tailwind.js"></script>` + result
+					? '<base target="_parent" /><scr' +
+					  `ipt type="application/javascript" src="/tailwind.js"></script>` +
+					  result
 					: ''}
 			/>
 		{/key}
 		<!-- svelte-ignore a11y-click-events-have-key-events -->
-		<div on:click|stopPropagation class="absolute top-0 h-full w-full" />
+		{#if $mode == 'dnd'}
+			<div on:click|stopPropagation class="absolute top-0 h-full w-full" />
+		{/if}
 	</RunnableWrapper>
 </div>