fix: Django 4.1 autocomplete. fixes #229

Author: fdintino

.github/workflows/test.yml

@@ -8,20 +8,26 @@ jobs:
       fail-fast: false
       matrix:
         python-version: ["3.7", "3.8", "3.9", "3.10"]
-        django-version: ["2.2", "3.2", "4.0"]
+        django-version: ["2.2", "3.2", "4.0", "4.1"]
         grappelli: ["0"]
         exclude:
           - python-version: "3.7"
             django-version: "4.0"
+          - python-version: "3.7"
+            django-version: "4.1"
           - python-version: "3.10"
             django-version: "2.2"
           # Exclude some version combos that don't need to be tested (since
           # the combination of python and django versions is unlikely to
           # be germane to django-nested-admin)
           - python-version: "3.8"
             django-version: "3.2"
+          - python-version: "3.8"
+            django-version: "4.1"
           - python-version: "3.9"
             django-version: "4.0"
+          - python-version: "3.9"
+            django-version: "4.1"
         include:
           - grappelli: "0"
             name-suffix: ""

CHANGELOG.rst

@@ -5,6 +5,11 @@ Changelog
 
 * Remove python 2.x compatibility, drop support for EOL Django versions
   (all versions before 3.2)
+* Fixed: Django 4.1 autocomplete on newly added nested inlines by dispatching
+  native javascript CustomEvent events for ``formset:added`` and
+  ``formset:removed``. Fixes `#229`_.
+
+.. _#229: https://github.com/theatlantic/django-nested-admin/issues/229
 
 **3.4.0 (Dec 20, 2021)**
 

nested_admin/static/nested_admin/dist/nested_admin.js

@@ -228,6 +228,14 @@ class DjangoFormset {
 
     // Also fire using the events that were added in Django 1.9
     $(document).trigger("formset:removed", [$form, this.prefix]);
+
+    document.dispatchEvent(
+      new CustomEvent("formset:removed", {
+        detail: {
+          formsetName: this.prefix,
+        },
+      })
+    );
   }
   delete(form) {
     var self = this,
@@ -462,6 +470,17 @@ class DjangoFormset {
     // Also fire using the events that were added in Django 1.9
     $(document).trigger("formset:added", [$form, this.prefix]);
 
+    try {
+      $form.get(0).dispatchEvent(
+        new CustomEvent("formset:added", {
+          bubbles: true,
+          detail: {
+            formsetName: this.prefix,
+          },
+        })
+      );
+    } catch (e) {}
+
     return $form;
   }
   _fillGap(index, isInitial) {

nested_admin/static/nested_admin/dist/nested_admin.js.map

@@ -3,6 +3,7 @@ envlist =
     py{36,37,38,39}-dj22-{grp,nogrp}
     py{36,37,38,39,310}-dj32-{grp,nogrp}
     py{38,39,310}-dj40-nogrp
+    py{38,39,310}-dj41-nogrp
     black,flake8
 skipsdist=True
 
@@ -84,6 +85,7 @@ DJANGO =
     2.2: dj22
     3.2: dj32
     4.0: dj40
+    4.1: dj41
 GRAPPELLI =
     0: nogrp
     1: grp