fix: select2 init (#1094)

Author: lukasvinclav

src/unfold/contrib/filters/forms.py

@@ -61,7 +61,7 @@ class Media:
             "admin/js/vendor/jquery/jquery.js",
             "admin/js/vendor/select2/select2.full.js",
             "admin/js/jquery.init.js",
-            "admin/js/autocomplete.js",
+            "admin/js/select2.init.js",
         )
         css = {
             "screen": (

src/unfold/static/unfold/js/select2.init.js

@@ -6,10 +6,39 @@
     $.each(this, function (i, element) {
       $(element).select2();
     });
+
+    return this;
+  };
+
+  $.fn.djangoAdminSelect2 = function () {
+    $.each(this, function (i, element) {
+      $(element).select2({
+        ajax: {
+          data: (params) => {
+            return {
+              term: params.term,
+              page: params.page,
+              app_label: element.dataset.appLabel,
+              model_name: element.dataset.modelName,
+              field_name: element.dataset.fieldName,
+            };
+          },
+        },
+      });
+    });
     return this;
   };
 
   $(function () {
     $(".unfold-admin-autocomplete.admin-autocomplete").djangoCustomSelect2();
+
+    $(".admin-autocomplete")
+      .not(".unfold-admin-autocomplete")
+      .not("[name*=__prefix__]")
+      .djangoAdminSelect2();
+  });
+
+  document.addEventListener("formset:added", (event) => {
+    $(event.target).find(".admin-autocomplete").djangoAdminSelect2();
   });
 }