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.

internet explorer 11

what want behaviour of chrome, firefox , edge: list starts scroll if selected item not visible. (run code snippet see difference yourself).

firefox

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

Popular posts from this blog

inversion of control - Autofac named registration constructor injection -

verilog - Systemverilog dynamic casting issues -

ios - Change Storyboard View using Seague -