Multiple Select in Safari iOS 7

Mobile Safari multi select bug

Solution for safari multi select bug and Empty and Disabled option tick related issue:

<select multiple><optgroup disabled hidden></optgroup><option value="0">All</option><option value="1">Test 1</option><option value="2">Test 2</option><option value="3">Test 3</option><option value="4">Test 4</option></select>

iOS 8 multiple <select> serious bug on iPhone?

I solved the problem this way:

<select>
    <option></option>
    <option></option>
    <option></option>
    (...)
    <optgroup disabled></optgroup>
</select>

Just added an empty <optgroup> to the <select>.

iOS 7 doesn't show more than one line when option is longer than screen size

Looks like it now requires the <optgroup> standard to wrap the options.

Problem solved.

---

Related Topics