Hello there,
I've been running into some difficulties with IE11 in relation to multiple select options.
When setting the selected option to an item that requires scrolling, IE does not scroll to it as expected. Interestingly, this works fine in Chrome.
To take a closer look, please visit my JSFiddle.
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
select {
max-height:60px;
width:100px;
float:left;
}
</style>
</head>
<body>
<select multiple="multiple" id="selectBox">
<option value="1">1</option>
<option value="2">1</option>
<option value="3">1</option>
<option value="4">1</option>
<option value="5">1</option>
<option value="6">1</option>
<option value="7">1</option>
<option value="8">1</option>
<option value="9">1</option>
<option value="10">1</option>
<option value="11">1</option>
<option value="12">1</option>
<option value="13">1</option>
<option value="14">1</option>
<option value="15">1</option>
<option value="16">1</option>
<option value="17">1</option>
<option value="18">1</option>
<option value="19">1</option>
<option value="20">1</option>
<option value="21">1</option>
<option value="22" selected="selected">4</option>
</select>
</body>
Is this a well-known issue? Am I overlooking something?
UPDATE Kindly refer to the updated JSFiddle link for a workaround/fix.
Thank you