fix(fab-speed-dial): action items are in tab order when closed

- apply `tabindex="-1"` to all `md-button`s in the `md-fab-actions`

Fixes #10101

Author: Splaktar

src/components/fabActions/fabActions.js

@@ -32,9 +32,15 @@
 
       compile: function(element, attributes) {
         var children = element.children();
-
+        var actionItemButtons;
         var hasNgRepeat = $mdUtil.prefixer().hasAttribute(children, 'ng-repeat');
 
+        // Action item buttons should not be in the tab order when the speed dial is closed.
+        actionItemButtons = element.find('md-button');
+        angular.forEach(actionItemButtons, function(button) {
+          button.setAttribute('tabindex', -1);
+        });
+
         // Support both ng-repeat and static content
         if (hasNgRepeat) {
           children.addClass('md-fab-action-item');
@@ -45,5 +51,4 @@
       }
     };
   }
-
 })();

src/components/fabActions/fabActions.spec.js

@@ -29,6 +29,23 @@ describe('<md-fab-actions> directive', function() {
     expect(element.find("md-fab-actions").children()).toHaveClass('md-fab-action-item');
   }));
 
+  it('applies tabindex of -1 to all action item buttons', inject(function() {
+    build(
+      '<md-fab-speed-dial>' +
+      '  <md-fab-actions>' +
+      '    <md-button>1</md-button>' +
+      '    <md-button>2</md-button>' +
+      '    <md-button>3</md-button>' +
+      '  </md-fab-actions>' +
+      '</md-fab-speed-dial>'
+    );
+
+    expect(element.find("md-button").length).toBe(3);
+    angular.forEach(element.find("md-button"), function(button) {
+      expect(button.getAttribute('tabindex')).toEqual('-1');
+    });
+  }));
+
   angular.forEach(['ng-repeat', 'data-ng-repeat', 'x-ng-repeat'], function(attr) {
     it('supports actions created by ' + attr, inject(function() {
       build(