fab-speed-dial: doesn't support ng-hide or hide attributes on buttons

[MatiasKiuru]

Actual Behavior:

• What is the issue? *

One of the md-fab-actions gets displayed under the md-fab-trigger when hiding one of the actions using ng-hide. This happens when the FAB is in closed state.

• What is the expected behavior?

The FAB is in closed state so no actions should be visible.

CodePen (or steps to reproduce the issue): *

• CodePen Demo which shows your issue:

http://codepen.io/anon/pen/YGBJaZ

• Details:

I just took the demo from docs and added ng-hide to one of the actions (md-buttons). EDIT: The bug also appears when using ng-if to hide actions The hidden element appears to get rendered to the dom as a .md-fab-action-item even when using ng-if.

Angular Versions: *

• Angular Version: 1.5.5
• Angular Material Version: 1.1.1

Additional Information:

• Browser Type: * Chrome
• Browser Version: * 54.0.2840.59 (64-bit)
• OS: * Fedora 24
• Stack Traces:

[Splaktar]

I can also reproduce this with AngularJS Material's responsive attributes hide, hide-xs, and hide-gt-xs.

It's also still reproducible with AngularJS 1.7.9 and AngularJS Material 1.1.21: updated demo. This was verified on Chrome 80 and macOS Catalina.