Добрый день,JQuery выбран раскрывающийся получает «вырезать» при размещении внутри скроллинга
Я использую JQuery «выбрал» плагин для «выбора» в раскрывающемся списке. Проблема заключается в том, что выпадающее меню расположено в области прокрутки. В этом случае выпадающие элементы получают «вырезание» внешним элементом div. Я создал простой пример: http://jsfiddle.net/olegbevz/083z9ctL/1
<div class="dialog" style="height: 100px;">
<div style="height:100px; overflow-y:auto">
<select id="select" style="width: 205px;">
<option>Some Value</option>
<option>Some Value</option>
<option>Some Value</option>
<option>Some Value</option>
<option>Some Value</option>
<option>Some Value</option>
<option>Some Value</option>
<option>Some Value</option>
<option>Some Value</option>
</select>
</div>
</div>
$("#select").chosen({ width: "200px", disable_search: false });
$(".dialog").dialog();
При попытке открыть выпадающее меню в диалоговом окне вы можете увидеть, что она порезы.
Есть ли решение этой проблемы?
Обновление: Как я уже говорил, мне нужно сделать выбор внутри прокручиваемой области, поэтому я не могу удалить атрибут «overflow-y». После тега select могут быть другие элементы управления, которые не соответствуют внешнему div, поэтому требуется полоса прокрутки. Я улучшил свой пример, чтобы сделать его более ясным, чего я хочу достичь: jsfiddle.net/olegbevz/083z9ctL/5.
Спасибо за ваш ответ. Но, как я уже сказал, мне нужно поместить выбор внутри области прокрутки, поэтому я не могу удалить атрибут «overflow-y». После тега select могут быть другие элементы управления, которые не соответствуют внешнему div, и поэтому требуется полоса прокрутки. Я улучшил свой пример, чтобы сделать более понятным, чего я хочу достичь: http://jsfiddle.net/olegbevz/083z9ctL/5/. –