Chrome - если jquery-simple-combobox находится внутри модальных коллапсов при перетаскивании мышью

Я пытаюсь научиться работать с jquery.scombobox но я застреваю при добавлении scombobox к модальному

<div id="modalA" class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">My Modal</h4>
                </div>
                <div class="modal-body">
                    <select id="combo-021">
                        <option value="1">item 1</option>
                        <option value="2">item 2</option>
                        <option value="3">item 3</option>
                        <option value="4">item 3</option>
                        <option value="5">item 3</option>
                        <option value="6">item 3</option>
                        <option value="7">item 3</option>
                        <option value="8">item 3</option>
                        <option value="9">item 3</option>
                        <option value="10">item 3</option>
                        <option value="11">item 3</option>
                        <option value="12">item 3</option>
                        <option value="13">item 3</option>
                        <option value="14">item 3</option>
                        <option value="15">item 3</option>
                        <option value="16">item 3</option>
                        <option value="17">item 3</option>
                        <option value="18">item 3</option>
                        <option value="19">item 3</option>
                        <option value="20">item 3</option>
                        <option value="21">item 3</option>
                        <option value="22">item 3</option>
                        <option value="23">item 3</option>
                        <option value="24">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                        <option value="3">item 3</option>
                    </select>
            </div>
        </div>
    </div>



$('#combo-021').scombobox({
showDropDown: true // this is what is set by default
});

Для нескольких элементов он добавляет полосу прокрутки вправо. Я могу прокручивать элементы с помощью колесика прокрутки мыши, но при попытке щелкнуть по полосе прокрутки и перетащить его, раскрывающийся список рушится. Кто-нибудь сталкивался с той же проблемой? Почему это происходит?

JSFiddle

Ответы