FAB Speed Dial shows action buttons when ng-hide=true

[doobix]

When ng-hide is true for md-fab-speed-dial, the red FAB button goes away, however the white button(s) are visible. This only happens when class is md-fling, no problems with md-scale. Angular material v1.0.0.

[topherfangio]

Can you please provide a demo that reproduces this? Just using the default demo and adding ng-hide="true" to the speed dial, I can't seem to recreate it.

[doobix]

The <md-fab-speed-dial> needs to have class md-fling to see the bug, class md-scale has no problems.

Here's an edited pen of the speed dial demo:
http://codepen.io/anon/pen/Nxxoyx

The white action circle on the right side shows up when self.hidden = true.

[topherfangio]

Thanks for the demo. There's actually two issues here:

1. The demo has some special CSS that hides the fab trigger, but is causing issues with the action items. If you remove this special CSS, the buttons are properly hidden.
2. However, this introduces another issue which is that if the speed dial is initially hidden, the animations are never firing which causes it to not open/close properly. This is described here: md-fab-speed-dial showing actions when isOpen is false. #6111 (comment)

I honestly haven't found a quick fix for this, so I will need to continue to investigate.

[topherfangio]

Dev Note: Should consider watching for $md-resize broadcast.

[zanemcca]

I have a similar issue except it is due to my trigger button having a clear background. So in the image below the plus icon is the trigger button and as you can see all of the action buttons are visible behind it.

This is a regression as it was working fine for me in v0.11.4.

[ThomasBurleson]

This issue is closed as part of our deprecation effort.
For details, see our post Spring Cleaning 2016.