fix(speedDial): Fix intially open bug.

Due to an animation issue, the FAB Speed Dial started in an open
state when using the `md-fling` animation.

Fix by delaying the initial animation until after the component
was fully rendered so that the animation's calculations were correct
and adding some CSS to ensure the first animation fired instantly.

Fixes #6111.

src/components/fabSpeedDial/fabController.js

@@ -135,9 +135,13 @@
 
  // Fire the animations once in a separate digest loop to initialize them
  function fireInitialAnimations() {
- $mdUtil.nextTick(function() {
- $animate.addClass($element, 'md-noop');
- });
+ var delay = 100; // Delay until after the element has been appened to the DOM
+
+ $timeout(function() {
+ $animate.addClass($element, 'md-noop').then(function() {
+ $element.removeClass('md-noop');
+ });
+ }, delay);
  }
 
  function enableKeyboard() {

src/components/fabSpeedDial/fabSpeedDial.scss

@@ -118,6 +118,13 @@ md-fab-speed-dial {
  /*
  * Handle the animations
  */
+ &.md-fling.md-noop {
+ // For the intial animation, set the duration to be instant
+ .md-fab-action-item {
+ transition-duration: 0s;
+ }
+ }
+
  &.md-scale {
  .md-fab-action-item {
  opacity: 0;