React-dates: calendar can't came out of a modal

Created on 1 Apr 2017  路  6Comments  路  Source: airbnb/react-dates

I tried to play around with z-index, nothing can come out from my modal.

http://i.imgur.com/nSBUnuy.png

Any clue?

Most helpful comment

Adding overflow: visible to modal css, solved the issue!

All 6 comments

How is the footer panel positioned?

@majapw the problem is not the footer, react-modal appended a layer after body, that's why react dates can't come out of it, I tried adjust z-index of react dates but no luck.

May or may not be related to #273.

Adding overflow: visible to modal css, solved the issue!

Hi @lakhansamani, I have the same issue and adding overflow: visible to the modal css doesn't work unfortunately :(
Well, I'm using a Modal from react-bootstrap, idk if it works the same way as the one from react-modal

I tried overflow:visible @lakhansamani, it worked fine, but found problem when items in modal actually overflows, i mean when modal have items more than it's height. Any update on this issue??

Was this page helpful?
0 / 5 - 0 ratings