Some options are hidden and revealed while being hovered in select2

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.