Fix form not syncing due to HTMX

games/forms.py

@@ -59,6 +59,7 @@ class PurchaseForm(forms.ModelForm):
         related_purchase_by_edition_url = reverse("related_purchase_by_edition")
         self.fields["edition"].widget.attrs.update(
             {
+                "hx-trigger": "load, click",
                 "hx-get": related_purchase_by_edition_url,
                 "hx-target": "#id_related_purchase",
                 "hx-swap": "outerHTML",

games/static/js/add_purchase.js

@@ -25,6 +25,7 @@ function setupElementHandlers() {
 }
 
 document.addEventListener("DOMContentLoaded", setupElementHandlers);
+document.addEventListener("htmx:afterSwap", setupElementHandlers);
 getEl("#id_type").onchange = () => {
   setupElementHandlers();
 };