triv(modal): fix modal autocomplete

Author: MartinCervenkaSB

pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "django-smartbase-admin"
-version = "0.2.16"
+version = "0.2.17"
 description = ""
 authors = ["SmartBase <[email protected]>"]
 readme = "README.md"

src/django_smartbase_admin/static/sb_admin/src/js/autocomplete.js

@@ -23,13 +23,16 @@ export default class Autocomplete {
                 choiceInput.setAttribute('data-autocomplete-data-id', choiceInput.getAttribute('data-autocomplete-data-id').replace('__prefix__', totalFormsCount))
                 this.initAutocomplete(choiceInput, totalFormsCount)
             })
-            event.target.querySelectorAll('.js-autocomplete-detail').forEach(item => {
-                item.addEventListener('SBAutocompleteChange', (e) => {
-                    filterInputValueChangedUtil(e.target)
-                })
-            })
+            this.handleDynamiclyAddedAutocomplete(event.target)
+        })
+        document.body.addEventListener('SBModalShown', () => {
+            this.handleDynamiclyAddedAutocomplete(document.getElementById('sb-admin-modal'))
         })
-        document.querySelectorAll('.js-autocomplete-detail').forEach(item => {
+        this.handleDynamiclyAddedAutocomplete(document)
+    }
+
+    handleDynamiclyAddedAutocomplete(el) {
+        el.querySelectorAll('.js-autocomplete-detail').forEach(item => {
             filterInputValueChangedUtil(item)
             item.addEventListener('SBAutocompleteChange', (e) => {
                 filterInputValueChangedUtil(e.target)

src/django_smartbase_admin/templates/sb_admin/partials/modal/modal_content.html

@@ -55,6 +55,7 @@ <h5 class="font-semibold">
             choiceElements.forEach((choiceInput) => {
                 window.SBAdmin.autocomplete.initAutocomplete(choiceInput);
             })
+            document.body.dispatchEvent(new Event('SBModalShown'));
         })();
     </script>
 {% endblock %}