From 0e1e60de29a4d595e761ef632eb254a3ff774684 Mon Sep 17 00:00:00 2001
From: Mawoka <git@mawoka.eu>
Date: Thu, 9 Feb 2023 19:08:36 +0100
Subject: [PATCH] :bug: Fixed title editor in editor

---
 frontend/src/lib/editor/card.svelte | 36 ++++++++++++++++-------------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/frontend/src/lib/editor/card.svelte b/frontend/src/lib/editor/card.svelte
index 1eb30db..aa37d05 100644
--- a/frontend/src/lib/editor/card.svelte
+++ b/frontend/src/lib/editor/card.svelte
@@ -28,6 +28,7 @@
 	export let pow_salt: string;
 
 	let uppyOpen = false;
+	let unique = {};
 
 	/*eslint no-unused-vars: ["error", { "argsIgnorePattern": "^_" }]*/
 	const correctTimeInput = (_) => {
@@ -41,6 +42,7 @@
 				.toString()
 				.slice(0, 3);
 		}
+		unique = {};
 	};
 	$: correctTimeInput(data.questions[selected_question].time);
 	/*
@@ -75,22 +77,24 @@
 		{:else}
 			<div class="flex flex-col">
 				<div class="flex justify-center pt-10 w-full">
-					{#await import('$lib/inline-editor.svelte')}
-						<Spinner my_20={false} />
-					{:then c}
-						<div
-							class="rounded-lg placeholder:italic placeholder:font-normal dark:bg-gray-500"
-							class:bg-yellow-500={!reach(
-								dataSchema,
-								'questions[].question'
-							).isValidSync(data.questions[selected_question].question)}
-						>
-							<svelte:component
-								this={c.default}
-								bind:text={data.questions[selected_question].question}
-							/>
-						</div>
-					{/await}
+					{#key unique}
+						{#await import('$lib/inline-editor.svelte')}
+							<Spinner my_20={false} />
+						{:then c}
+							<div
+								class="rounded-lg placeholder:italic placeholder:font-normal dark:bg-gray-500"
+								class:bg-yellow-500={!reach(
+									dataSchema,
+									'questions[].question'
+								).isValidSync(data.questions[selected_question].question)}
+							>
+								<svelte:component
+									this={c.default}
+									bind:text={data.questions[selected_question].question}
+								/>
+							</div>
+						{/await}
+					{/key}
 				</div>
 				{#if data.questions[selected_question].image != undefined && data.questions[selected_question].image !== ''}
 					<div class="flex justify-center pt-10 w-full max-h-72">