AngularJs多选下拉列表会在Chrome

Question

首先请原谅我的初级CSS技能。

我有一个角度应用程序，其中使用了多选下拉列表。这个下拉列表在IE浏览器中正常工作，但在滚动向上或向下滚动时，它会跳过项目。例如如果在20中显示5个项目，则在向下滚动时将跳过项目编号6并将显示从7到11的项目，在下一个鼠标滚动时它将跳过项目编号12并将显示从13到17。

请有人帮我解决这个问题

<td class="col-lg-8 col-md-8 col-sm-8">
    <span style="width:100%; padding-left:10px;" class="pull-left">
         <select class="form-control  input-sm"
                    multiple multiselect-dropdown ng-model="selectedAddresses"
                    ng-change="AddressSelection()"
                    style="width:100%;">
             <option ng-repeat="item in ItemList" style="width:100% !important"
                        value="{{$index}}">
                    Address {{$index+1}}: {{item.Name}} - {{item.Location}}
             </option>
         </select>
     </span>
 </td>

.input-sm {
    min-width: 70px;
}