Hey,
I’m building a form in Phoenix with Elixir. I’ve recently upgraded my select2 from
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
to
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/js/select2.min.js"></script>
The issue is best described in a video…but in case something happens and it isn’t available…what is happening is that whenever I run the mouse over the drop-down options, there is like a “hidden” option that flickers and like moves positions…like one option is shifting positions. It’s hard to explain.
video is here: https://imgur.com/a/nM0Nz5E
I’m initializing the select2 like this:
$(".states").select2({
placeholder: "Select a State",
allowClear: false,
});
Downgrade back to 4.0.6 fixes the issue, but it’s still present in 4.1.0.