🐛 When I use django-select2 with HTMX, the new forms sometimes have major display issues.

[LBWright]

Bug Description

This has been confirmed by the team at SaaS Pegasus, as well.

Steps to Reproduce

1. Create a HTMX application
2. Use a ModelSelect2MultipleWidget (or even a select single) widget.
3. Create a view that loads another view (via htmx) this new view should contain the form.
4. The form can be in a modal or a drawer, or even edited inline.
5. Attempt to load the form several times.

Expected Behavior

I expect the form to reinitialize properly

[madtools]

Hi,

In your base template, put something like this so that when htmx is done loading new content, it will initialize django-select2 widget correctly.

htmx.onLoad(function() {
    $('.django-select2').djangoSelect2();
});

Also, if you widget is in a modal, this line may help you (my modal has an id "modal"):

$('.django-select2').djangoSelect2({dropdownParent: $('#modal')});