Problem using a custom select menu inside a popup

Problem using a custom select menu inside a popup

I found a problem using a custom select menu inside a popup. I set the propierty data-native-menu="false" but it works just like it wasn't there. My code:

  1. <div data-role="popup" id="editform">
  2. <div data-role="header" data-theme="a" class="ui-corner-top">
  3. <h1>Edit</h1>
  4. </div>
  5. <div style="padding:10px 20px;">
  6. <label for="producte">Product:</label>
  7. <input type="text" name="producte" id="namefield" value="" />
  8. <label for="select-choice-1" class="select">Category:</label>
    1. <select name="selectcategory" id="selectcategory" data-native-menu="false">
  9. <option value="option1">Option 1</option>
  10. <option value="option2">Option 2</option>
  11. <option value="option3">Option 3</option>
  12. <option value="option4">Option 4</option>
  13. <option value="option5">Option 5</option>
  14. <option value="option6">Option 6</option>
  15. </select>

  16. <button data-role="button" onclick="send()">Send</button>
  17. </div>
  18. </div>