[NavigationDrawer] transition doesn't work

[mi4uu]

Hi,
react-md is super cool, thanks for that.

it seems that NavigationDrawer should have transition effect, as far as i can tell it uses old (v1) version of react transitions - but, unfortunetly, without any effect.

I tried to add super long transitionEnterTimeout and transitionLeaveTimeout to see if it its doing anything. also I changed transitionName to something like example and add css:

`.example-enter.example-enter-active {
opacity: 1;
transition: opacity 500ms ease-in;
background: red;
border:10px red;
}

.example-leave {
opacity: 1;
background: blue;
border:10px blue;
}

.example-leave.example-leave-active {
opacity: 0.01;
transition: opacity 300ms ease-in;
background: green;
border:10px green;
}`
just to see if it do anything. but it's not.

also I don't any tranition effect on examples provided in documentation.
soo..I think it is a bug.

Thx

[lepirlouit]

probably need to add the location as key in your switch

[mi4uu]

in what switch?
i have only
<NavigationDrawer> {this.props.children} </NavigationDrawer>

and children are provided by react-router v3

[lepirlouit]

look at the code for "React Router Example" by clicking the <> upper right
https://react-md.mlaursen.com/components/navigation-drawers

[mlaursen]

If you are using react-router v3, you should check out the with-react-router-v3 example. It shows how you can set up a NavigationDrawer and get the different routes to animate in with the default transition.

[mi4uu]

[EDIT]
it was my div ;)
sory for that. it is working now, thx !

thx for help!
I changed it to
{ children ? React.cloneElement(children, {key: pathname}) : null }

And I can see in react inspector what it got the key, but don't see any transition (also I dont see any in example: https://react-md.mlaursen.com/discover-more/routing-examples/navigation-drawers/drafts )

May this be because it looks like this:

and there is some div with key 0.1 always before my children ?
not sure, I't is not my div anyway :)