Problem with overflow on transition about react-collapsible HOT 8 CLOSED

@artsx I've added a new property overflowWhenOpen which will allow you to set the CSS overflow value when the Collapsible is open.

Hope this helps.

from react-collapsible.

Hey @artsx,

I'm not sure I'm following what you are trying to attempt here or what the issue is.

The collapsible is set to overflow: hidden in the code to force the content to disappear when it's closed and when the collapsible is open the content is set to height: auto so it should be the height it needs to be for the content.

Could you expand a bit more into what your issue is?

Thanks

from react-collapsible.

hi @glennflanagan,
Thx for you're reply (sorry for my bad english).

By default, on .Collapsible__contentOuter we have overflow:hidden
When I try to open my last dropdown, with thisoverflow:hidden we cant see dropdown :

When I fix this overflow:hidden by overflow:visible I can see my complete dropdown :

When I close dropdown, the transition work perfectly.
The problem, it's when I open collapse element, .Collapsible__contentOuter is with overflow:visible so during the transition, we see all the element is displayed.

My question is :
When my collapse is closed, I want open -> overflow:hidden, when transition it's finished -> overflow:visible

I hope I have been clearer,
Thank you for your help!

from react-collapsible.

@glennflanagan it works perfectly, thank you!

from react-collapsible.

@glennflanagan thanks for the overflowWhenOpen property, but do you have any idea why it wouldn't work in ie10/11?

from react-collapsible.

@codydotio I wouldn't off the top of my head. I've not got a ie10 VM at the moment so I can't test it. I'll give it a check as soon as I can.

from react-collapsible.

@glennflanagan thanks! I can pm my browserstack login if that helps.. it's causing an issue for some of our users

from react-collapsible.

from react-collapsible.