fix(validator): 🐛 fix markup of html validator errors

JamesNZL · Jul 8, 2022 · d6733ee · d6733ee
1 parent e039b09
commit d6733ee
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/options/validator.ts b/src/options/validator.ts
@@ -154,9 +154,11 @@ export abstract class InputFieldValidator {
 
 			statusElement.setAttribute('id', `validating-input-${this.id}`);
 			statusElement.classList.add('validating-input-status');
-			statusElement.textContent = status;
 
 			this.input.insertAdjacentElement('beforebegin', statusElement);
+
+			Element.getInstance(`validating-input-${this.id}`, 'validator label')
+				.safelySetInnerHTML(status);
 		}
 
 		SaveButton.updateState(SaveButtonUpdates.Pending);
@@ -197,9 +199,11 @@ export abstract class InputFieldValidator {
 
 			errorElement.setAttribute('id', `invalid-input-${this.id}`);
 			errorElement.classList.add('invalid-input-error');
-			errorElement.textContent = error;
 
 			this.input.insertAdjacentElement('beforebegin', errorElement);
+
+			Element.getInstance(`invalid-input-${this.id}`, 'validator label')
+				.safelySetInnerHTML(error);
 		}
 
 		SaveButton.updateState(SaveButtonUpdates.Disable);