React-slick: overflow-y inside modal

[vugman]

I'm using slick inside a modal where one of the slides has a dropdown menu.
Since overflow for slick-list is set to hidden (makes sense) the dropdown isn't show.

Is there any way to override this behavior without messing up the entire slider?

[akhayoon]

@vugman

Any luck with this problem?

[gugadev]

Any solution for this?

[laveesingh]

If someone could generate a codesandbox demo for the same, it would be easier to help.

[vugman]

Hey @laveesingh,

I've created a https://codesandbox.io/s/2p0ok14rrr for this, hope it makes sense.
The scenario is that when there is a custom dropdown menu or day picker inside a slide.

Maybe i'm missing something, but I haven't found any way around this.

[mciszczon]

@vugman This is a little bit late, but there's no way around it. As per documentation, in overflow in one dimension is set to hidden, overflow in the other one cannot be visible. What you're looking for is setting overflow-x: hidden while overflow-y: visible, which will not work.

[fijisoo]

we need this improvement!