2014-09-10 3 views
3

enter image description hereDatepicker частично скрыты переполнения у свитка

Я строй столбца самозагрузки-сетка, внутри которого у меня есть панель.

Внутри этой панели у меня есть дампикер, и там должно быть много других элементов управления, поэтому мне нужно будет прокручивать вниз (только по оси Y) внутри панели.

К сожалению, всплывающее окно DatePicker частично скрыто из-за переполнения г и переполнение-х стиль, который позволяет прокрутку:

<div style="height: 480px;overflow-y: scroll;overflow-x:hidden;"> 
... 
</div> 

Можно ли преодолеть это с некоторыми CSS трюком?

Я нашел ответ на SO, когда выпадающий элемент можно разместить за пределами div, но в моем случае я использую директиву из библиотеки Angular-strap, поэтому мне нужно поместить ее внутрь.

Я создал plunker, чтобы проиллюстрировать проблему (вам нужен полный вид, чтобы увидеть его): plunker

+0

всплывающее окно выглядит хорошо для меня –

+0

@JordanD ли вы открыть просмотр в полноэкранном режиме? – vonwolf

+0

Да, ничего не переполняется –

ответ

9

Ну, так как никто не потрудился ответить, я только что нашел ответ сегодня, который на самом деле было очень просто.

мне просто нужно добавить это в атрибутах:

data-container="body" 

Plunker here

+0

Удивительный, на самом деле то, что я искал :) –

+0

спасибо за ваш ответ. Будет ли это работать для бутстрапа datetimepicker? потому что я не мог применить этот подход там. – johannesMatevosyan

+0

Извините, я не могу вам сказать. Теперь я использую пользовательский дампикер. – vonwolf

Смежные вопросы