Bug: Autocomplete does not work when adding a nested inline

[beeekey]

I have an Inline model as following:

class SomeModelInline(InlinePermissionsMixin, nested_admin.NestedStackedInline):
    model = MyModel
    extra = 1
    autocomplete_fields = ['type']
    form = MyModelForm

When setting extra=1 the autocomplete works for the first entry (works for all which are defined with extra) , when adding another inline entry by clicking the + add button, the autocomplete field is empty. Comparing the html of these two elements, there are a lot of html tags missing.

I am using Django 4.2

[beeekey]

My solution so far:

// here we setup a global event listener for the `formset:added` event (which is setup in `static\admin\js\autocomplete.js`)
// event to get triggered when adding a new django inline formset (by clicking the plus button below the inline formset)


(function($) {
    $(document).ready(function() {
        var els = document.getElementsByClassName("djn-add-handler");

        const formUpdateEvent = new CustomEvent("formset:added", { "detail": "Dummy event" });

        for (el of els) {
            el.addEventListener("click", function () {

                    setTimeout(function(){
                        document.dispatchEvent(formUpdateEvent);
                    }, 250);

            });
        }
    });
})(django.jQuery);

[fdintino]

Could you provide more information so that I might try to reproduce this issue? We have a test to confirm whether autocomplete works, both for extra and newly added inlines, so I'll need to know what's different with your setup.

[daweedm]

Had the same issue because of a thrown error inside an event listener on 'formset:added' event.

The event emitted by this package is missing the "detail" attribute, see https://github.com/django/django/blob/efe3ca09e029c63e25f6e19843cb0c68cc7fa816/django/contrib/admin/static/admin/js/inlines.js#L93