fix(frontend): move error message before tag input

paulrobertlloyd · paulrobertlloyd · commit 4e7dd1db6844 · 2024-04-19T16:22:14.000+01:00
diff --git a/packages/frontend/components/tag-input/index.js b/packages/frontend/components/tag-input/index.js
@@ -2,6 +2,7 @@ import TagInput from "@accessible-components/tag-input";
 
 export const TagInputFieldComponent = class extends HTMLElement {
   connectedCallback() {
+    this.$errorMessage = this.querySelector(".error-message");
     this.$hint = this.querySelector(".hint");
     this.$replacedLabel = this.querySelector(".label");
     this.$replacedInput = this.querySelector(".input");
@@ -30,6 +31,10 @@ export const TagInputFieldComponent = class extends HTMLElement {
       this.insertBefore(this.$hint, this.querySelector(".tag-input"));
     }
 
+    if (this.$errorMessage) {
+      this.insertBefore(this.$errorMessage, this.querySelector(".tag-input"));
+    }
+
     this.querySelector(".tag-input-label").classList.add("label");
 
     this.$replacedLabel.remove();
