🐛 ModelSelect2MultipleWidget fails to unselect from dropdown

[SebastianSeltmann]

Bug Description

The ModelSelect2Multiple Widget cannot correctly remove items from the selection by clicking on them in the dropdown.
The same desired behaviour works correctly in the Select2Multiple Widget.

attrs such as data-minimum-input-length make no difference.

django-select2 v8.4.1

Steps to Reproduce

1. Create a Form with a ModelSelect2MultipleWidget widget, as described in the docs
2. Select one or more things
3. Try to unselect anything (not by hitting backspace, but by clicking on the dropdown)
4. The item remains selected

Expected Behavior

I expected the item to become unselected. The Select2Multiple works like that, and so does vanilla Select2.

[codingjoe]

Hi @SebastianSeltmann,

thanks for reaching out. I took the liberty to move this to a discussion for now, since I have this feature working on my apps. That being said, I'd love to help to get this working. Do you have a demo somewhere, where I could reproduce the issue, or a code snippet? Just a little more to go on?

Thanks
Joe

[SebastianSeltmann]

Hi @codingjoe , thanks for the fast reply!

I created a minimal demo to reproduce the issue
https://github.com/SebastianSeltmann/django_select2_issue

Just run migrations and create users through the admin panel first.

The question is what happens when the user clicks on (already selected) Alice in the Dropdown:

This view works as desired - Alice is removed from Selection:
http://localhost:8000/select2multipleform

This view exhibits the problem - Alice remains selected
http://localhost:8000/modelselect2multipleform

I also included a vanilla select2 multiple select, just to show that it as well shows the desired behavior.

[codingjoe]

Aah, now I get it. Thanks for providing the example, it really helped me to understand the issue. So, this is the behavior of Select2 and is not specific to the Django integration. You'll see the same behavior here: https://select2.org/data-sources/ajax

Deselecting via the search input does not work on AJAX based data sources :/

There isn't really anything I can do, but don't hesitate to open an issue with the Select2 project.

Cheers! Joe

[SebastianSeltmann]

Ah yes, I can reproduce the issue with a select2 multiselect with AJAX, without django-select2.
I've added that to the demo and opened an issue in the select2 project as you suggested.

Thank you for your help.