Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Cannot unselect by clicking selected when using dataAdapter

See original GitHub issue

When using select2 with dataAdapter, the selected option cannot be deselected by clicking it again on list. If no dataAdapter option is used, it works fine, option can be deselected by clicking it second time.

Here’s example with a bug I described, you can select any option and then try to deselect it by clicking it again. http://jsfiddle.net/o53fLqum/

Issue Analytics

State:
Created 2 years ago
Comments:7 (4 by maintainers)

Top GitHub Comments

1reaction

kevin-browncommented, Dec 17, 2021

Figured out the issue.

The id property on data objects must be a string or it won’t be able to match up with the <option> that is created (since <option>.value is always a string). This is why the element property isn’t getting set as expected on the data object which leads to pretty much the rest of the issues we were seeing. Setting the id property to a string in the example jsfiddle solves these issues.

https://select2.org/data-sources/formats#automatic-string-casting

I’m still leaving this open since Select2 should handle this case and automatically cast it, but it looks like something isn’t consistently doing that which is causing issues.

0reactions

jayaddisoncommented, Jul 21, 2022

See: https://github.com/jayaddison/select2/commit/82585672888eead67610556baa46bd7d7b35fdcf

Sorry, ignore this attempt at a fix. I was testing it again using a hand-written select2 example, and this time it isn’t working (the option elements do not exist), so I don’t think it’s valid.