fix: searchable belongs_to field keep html tags on selected option (#2423)

Author: Paul-Bob

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 || ''
+  }
 }