From 4587ff63b930d6e27b64a3a5c9ec3dd44eaca272 Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Thu, 19 Sep 2024 16:31:05 +0200
Subject: [PATCH] feat: introduce a backing field for markup to be able to add
 markup from the beginning

---
 .../components/input-tiptap/input-tiptap.element.ts   | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/input-tiptap/input-tiptap.element.ts b/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/input-tiptap/input-tiptap.element.ts
index 95280f1bd2..0c5ee68662 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/input-tiptap/input-tiptap.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/input-tiptap/input-tiptap.element.ts
@@ -43,12 +43,19 @@ export class UmbInputTiptapElement extends UmbFormControlMixin<string, typeof Um
 
 	@property({ type: String })
 	override set value(value: string) {
-		this._editor?.commands.setContent(value);
+		this.#markup = value;
+
+		// Try to set the value to the editor if it is ready.
+		if (this._editor) {
+			this._editor.commands.setContent(value);
+		}
 	}
 	override get value() {
-		return this._editor?.getHTML() ?? '';
+		return this._editor?.getHTML() ?? this.#markup;
 	}
 
+	#markup = '';
+
 	@property({ attribute: false })
 	configuration!: UmbPropertyEditorConfigCollection;