Original select has 'required' attribute, doesn't work fine

Hello,

I think this is the better plugin I’ve ever used 😉

My question is related to the ‘required’ attribute.

let me explain better I have a html page like this:

<form name="myForm" action="myAction" >
   <select id="myId" name="myName" required="true" >
       <option value="myvalue">An Element</option>
   </select>
   <button type="submit" >Go</button>
</form>
<script>
    $("#myId").select2({placeholder: "Select"});
</script>

When I click on the submit button of the form containing the select above, I see the internal browser’s message “Please select an element from the list”. That’s right, because I want browser shows the message.

The problem is that the message is not correctly shown, maybe caused by “display: none” of the original select when I do: $(“#myId”).select2()

Is there a way to avoid this annoyance?

thanks in advance and good job again 😉

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[epineda]

Finally I could solve it adding the following css:

.form-control.select2-hidden-accessible {
    top: 30px;
}

( I’m using select2 v4.0.3 with select2-bootstrap-theme v0.1.0-beta.9 )

😃