Поле выбора должно выходить за край диалогового окна

Question

Поле выбора должно выходить за край диалогового окна

0

У меня есть диалог, и в этом поле "Выбор" это должно выйти за край диалогового поля. Поле выбора должно выходить за нижнюю часть. Пока что мне удалось, что окно выбора внизу исчезает. Я работаю с JQuery Plugin Chosen.

http://jsfiddle.net/Lsjs2/2/

<div id="dialog" title="Basic dialog">
<select id="chosen">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="VW">VW</option>
    <option value="Nissan">Nissan</option>
    <option value="audi">Audi</option>
</select>

t0m 31 март 2014, в 12:37

Источник

Теги:

javascript

jquery

jquery-chosen

2 ответа

0

Переполнение установлено в скрытое с .ui-dialog.ui-dialog-content. Переопределите его с помощью:

.ui-dialog,
#dialog {
  overflow: visible;
}

Tuanderful 31 март 2014, в 08:24

Ещё вопросы

s4m0k · Accepted Answer · 2014-03-31T08-33-00.000Z

попробуйте этот css:

#dialog {
    overflow : visible;
}

.ui-dialog {
    overflow : visible;
}

Посмотреть Fiddle Here

-- РЕДАКТИРОВАТЬ

Сари Алалем прав, это повлияет на другой диалог. Решение, о котором я могу думать без влияния на другое диалоговое окно, заключается в следующем: добавление другого класса с переполнением: видимое или изменение свойства css родителя #dialog (после диалога рендеринга) с использованием JavaScript:

С учетом другого диалога решение должно быть

#dialog {
    overflow : visible;
}
$('#dialog').dialog().parent().css('overflow', 'visible');

Обновлен JSFiddle

Это решит проблему, но другие компоненты в диалоговом окне будут переполнены и появятся в верхней части диалогового окна.
Вы правы, я отредактировал ответ, чтобы включить эту информацию
Добавлен новый JSFiddle, который не влияет на другие диалоги