search

angular / material

Material design for AngularJS
https://material.angularjs.org/
MIT License
16.55k stars 3.39k forks source link

fab-speed-dial: doesn't open when it starts in a closed sidenav #10239

Open tleluc opened 7 years ago

tleluc commented 7 years ago

FAB Speed Dial works with locked Sidenav, but won't open when inside toggled Sidenav

http://codepen.io/anon/pen/Xpmqvp (toggle right Sidenav)

Angular Version: 1.5.5 Angular Material Version: 1.1.1

Splaktar commented 5 years ago

I've updated the CodePen to 1.1.14 and this is still an issue.

Splaktar commented 5 years ago

We've had issues in the past where components like textarea and md-virtual-repeat had some of their sizing calculations broken because they tried to calculate the size when the Sidenav was closed.

Here are some possibly related fixes

Alternatively, this may be something related to evaluating the scope when the component is inside of a Sidenav. If that's the case, https://github.com/angular/material/issues/11660 may be a related issue for md-calendar in a Sidenav.

Splaktar commented 5 years ago

It looks like it gets stuck with the md-animations-waiting class and it never transitions to the _md-animations-ready class. The component probably needs to listen for the resize event on the $window before setting up its animations for the first time, if it's inside of a closed Sidenav.