html - Internet Explorer scrolls past first optgroup if first option is selected on page load -
i have <select> tag size attribute set. contains enough <option> scrollbar appear. contains <optgroup> tags. first entry selected default.
my problem in internet explorer 11, on page load list scrolls down selected entry (i.e. first option), , the first <optgroup> not visible.
what want behaviour of chrome, firefox , edge: list starts scroll if selected item not visible. (run code snippet see difference yourself).
question: know if can influence behaviour of ie first <optgroup> stays visible when first option selected on page load? maybe there javascript or css workaround? thank in advance insights!
<select size="37"> <optgroup label="cycle 1"> <option value="1" selected="selected"> week 1 (fri, 2016-07-08) </option> <option value="2"> week 2 (fri, 2016-07-15) </option> <option value="3"> week 3 (fri, 2016-07-22) </option> </optgroup> <optgroup label="cycle 2"> <option value="4"> week 4 (fri, 2016-07-29) </option> <option value="5"> week 5 (fri, 2016-08-05) </option> <option value="6"> week 6 (fri, 2016-08-12) </option> </optgroup> <optgroup label="cycle 3"> <option value="7"> week 7 (fri, 2016-08-19) </option> <option value="8"> week 8 (fri, 2016-08-26) </option> <option value="9"> week 9 (fri, 2016-09-02) </option> </optgroup> <optgroup label="cycle 4"> <option value="10"> week 10 (fri, 2016-09-09) </option> <option value="11"> week 11 (fri, 2016-09-16) </option> <option value="12"> week 12 (fri, 2016-09-23) </option> </optgroup> <optgroup label="cycle 5"> <option value="13"> week 13 (fri, 2016-09-30) </option> <option value="14"> week 14 (fri, 2016-10-07) </option> <option value="15"> week 15 (fri, 2016-10-14) </option> </optgroup> <optgroup label="cycle 6"> <option value="16"> week 16 (fri, 2016-10-21) </option> <option value="17"> week 17 (fri, 2016-10-28) </option> <option value="18"> week 18 (fri, 2016-11-04) </option> </optgroup> <optgroup label="after last cycle"> <option value="19"> week 19 (fri, 2016-11-11) </option> <option value="20"> week 20 (fri, 2016-11-18) </option> <option value="21"> week 21 (fri, 2016-11-25) </option> <option value="22"> week 22 (fri, 2016-12-02) </option> <option value="23"> week 23 (fri, 2016-12-09) </option> <option value="24"> week 24 (fri, 2016-12-16) </option> <option value="25"> week 25 (fri, 2016-12-23) </option> <option value="26"> week 26 (fri, 2016-12-30) </option> <option value="27"> week 27 (fri, 2017-01-06) </option> <option value="28"> week 28 (fri, 2017-01-13) </option> <option value="29"> week 29 (fri, 2017-01-20) </option> <option value="30"> week 30 (fri, 2017-01-27) </option> <option value="31"> week 31 (fri, 2017-02-03) </option> <option value="32"> week 32 (fri, 2017-02-10) </option> <option value="33"> week 33 (fri, 2017-02-17) </option> <option value="34"> week 34 (fri, 2017-02-24) </option> <option value="35"> week 35 (fri, 2017-03-03) </option> <option value="36"> week 36 (fri, 2017-03-10) </option> <option value="37"> week 37 (fri, 2017-03-17) </option> <option value="38"> week 38 (fri, 2017-03-24) </option> </optgroup> </select>


Comments
Post a Comment