mdSideNav: Animation is broken when specifing "style="width: ...px" attribute

[vladimir-barsuchenko]

I have a scenario when a sidenav has ability for resizing dynamicly.

For that purpose I add "style="width: ...px" attribute for <'md-sidenav'> element.
Resizing works perfectly.

But after attribute is added animation of the toggle is broken. Without it animation works.

Here is Codepen

Thanks!

[devversion]

Note: Also caused when applying [flex] on the sidenav. (Applying flex on the sidenav is really common)

[flick36]

I don't think this is solved, codepen still doesn't work and in my project when i was in 1.1.0-rc2 i solved this by also setting the min-width & max-width to the custom width i set by default, for example:

md-sidenav, md-sidenav._md-closed._md-locked-open-add-active {
    width: 240px;
    min-width: 240px;
}

but now in 1.1.0-rc3 it doesn't work, it happens the same as the codepen, and the slideIn animation doesn't work, only when you hide the nav the animation it's working

unless i override the !important in this new "fix" so i can have something like this:

md-sidenav, md-sidenav._md-closed._md-locked-open-add-active {
    width: 240px;
    min-width: 240px !important;
}

[flick36]

the min-width's have to be important? cause if i remove those important declarations, the animation it's working:

http://codepen.io/flick36/pen/pyLQgP