From 6f15754c50d04da87bf6d5e9bd32a84ef6d31172 Mon Sep 17 00:00:00 2001
From: "Florine W. Dekker" <florine@fwdekker.com>
Date: Sun, 20 Nov 2022 22:03:00 +0100
Subject: [PATCH] Allow HTML validation messages

---
 src/main/js/Validation.ts | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/main/js/Validation.ts b/src/main/js/Validation.ts
index 6a52d37..9925a2b 100644
--- a/src/main/js/Validation.ts
+++ b/src/main/js/Validation.ts
@@ -34,10 +34,10 @@ export function showMessageType(card: HTMLElement | HTMLFormElement,
 
     if (message == null || type == null) {
         card.classList.add("hidden");
-        output.innerText = "";
+        output.innerHTML = "";
     } else {
         card.classList.add(type);
-        output.innerText = message;
+        output.innerHTML = message;
     }
 }
 
@@ -110,7 +110,7 @@ export function clearInputValidity(input: HTMLInputElement): void {
         hint.classList.remove("valid", "invalid");
 
         hint.role = null;
-        hint.innerText = hint.dataset["hint"] ?? "";
+        hint.innerHTML = hint.dataset["hint"] ?? "";
     }
 }
 
@@ -137,7 +137,7 @@ export function showInputInvalid(input: HTMLInputElement, message?: string): voi
 
         input.setAttribute("aria-errormessage", hint.id);
         hint.role = "alert";
-        hint.innerText = message;
+        hint.innerHTML = message;
     }
 }
 
@@ -161,7 +161,7 @@ export function showInputValid(input: HTMLInputElement, message?: string): void
     if (hint != null) {
         hint.classList.add("valid");
 
-        if (message != null) hint.innerText = message;
+        if (message != null) hint.innerHTML = message;
     }
 }
 
@@ -185,6 +185,6 @@ doAfterLoad(() => {
     $a("input + small[data-hint]").forEach((hint: Element) => {
         if (!(hint instanceof HTMLElement)) return;
 
-        hint.innerText = hint.dataset["hint"] ?? "";
+        hint.innerHTML = hint.dataset["hint"] ?? "";
     });
 });