fix(frontend): move error message before tag input

getindiekit · Apr 19, 2024 · 4e7dd1d · 4e7dd1d
1 parent 84db24f
commit 4e7dd1d
Showing 1 changed file with 5 additions and 0 deletions.
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();