fix: searchable belongs_to field keep html tags on selected option

avo-hq · Jan 29, 2024 · 95e6e5d · 95e6e5d
1 parent f7c3d8c
commit 95e6e5d
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/app/javascript/js/controllers/search_controller.js b/app/javascript/js/controllers/search_controller.js
@@ -208,7 +208,7 @@ export default class extends Controller {
   handleOnSelect({ item }) {
     if (this.isBelongsToSearch) {
       this.updateFieldAttribute(this.hiddenIdTarget, 'value', item._id)
-      this.updateFieldAttribute(this.buttonTarget, 'value', item._label)
+      this.updateFieldAttribute(this.buttonTarget, 'value', this.removeHTMLTags(item._label))
 
       document.querySelector('.aa-DetachedOverlay').remove()
 
@@ -316,4 +316,10 @@ export default class extends Controller {
     target.setAttribute(attribute, value)
     target.dispatchEvent(new Event('input'))
   }
+
+  removeHTMLTags(str) {
+    const doc = new DOMParser().parseFromString(str, 'text/html')
+
+    return doc.body.textContent || ''
+  }
 }