Problem with 2 select elements #217
Description
Hello,
I am trying to make a form and I am using the following code.
The problem is that when I have 2 select elements one of them seems to get expanded on page load, and the one below does not seem to work. Am I doing something wrong, or is there a bug?
<html> <head> <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/> </head> <body> <form> <div class="row"> <div class="input-field col s6"> <label>Dropdown 1</label> <select> <option value="" disabled selected></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div> </div> <div class="row"> <div class="input-field col s6"> <label>Dropdown 2</label> <select> <option value="" disabled selected></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div> </div> </form> <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script> <script type="text/javascript" src="js/materialize.min.js"></script> </body> </html>Screenshot showing how the page looks on page load with no user interaction
