css - Datepicker partially hidden by overflow-y scroll -


enter image description here

i building bootstrap-grid column inside of have panel.

inside panel have datepicker , there must lot of other controls need able scroll down (y-axis only) inside panel.

unfortunately datepicker popup window partially hidden because of overflow-z , overflow-x styling enables scrolling :

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

is possible overcome css trick?

i have found answer on when element poping out can placed outside of div in case i'm using directive angular-strap library need place inside.

i have set plunker illustrate issue (you need full-view see it) : plunker

well, since no 1 bothered answer, found answer today, simple.

i needed add in attributes :

data-container="body" 

plunker here


Comments

Popular posts from this blog

python - Referencing Data From a 2D Histogram -

c# - Derived UserControl layout resets after build -

php - MySQL LIMIT results with INNER JOIN with more than 2 tables -