🐛 fix: broken hints with aplinejs or htmx

digitalfortress-tech · Oct 4, 2024 · 6645d61 · 6645d61
1 parent 8724bf9
commit 6645d61
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/typeahead-standalone.ts b/src/typeahead-standalone.ts
@@ -128,6 +128,16 @@ const typeahead = <T extends Dictionary>(config: typeaheadConfig<T>): typeaheadR
 
   // generate markup for hints
   const inputHint: HTMLInputElement = input.cloneNode() as HTMLInputElement;
+
+  // remove special attributes like those used with alpineJS or htmx from hint element
+  const attrRegex = /^(x-|hx-|data-|@)/;
+  for (let i = inputHint.attributes.length - 1; i >= 0; i--) {
+    const attrName = inputHint.attributes[i].name;
+    if (attrRegex.test(attrName)) {
+      inputHint.removeAttribute(attrName);
+    }
+  }
+
   hint && injectHintEl(inputHint);
 
   listContainer.classList.add(classNames.list, classNames.hide);