fix(tabs): fix long tab content not scrolling (#10586)

Author: jelbourn

src/components/swipe/swipe.js

@@ -82,9 +82,10 @@ function getDirective(name) {
 
   /* @ngInject */
   function DirectiveFactory($parse) {
-      return { restrict: 'A', link: postLink };
-      function postLink(scope, element, attr) {
-        element.css('touch-action', 'none');
+      return {restrict: 'A', link: postLink};
+
+    function postLink(scope, element, attr) {
+        element.css('touch-action', attr['mdSwipeTouchAction'] || 'none');
 
         var fn = $parse(attr[directiveName]);
         element.on(eventName, function(ev) {

src/components/swipe/swipe.spec.js

@@ -0,0 +1,26 @@
+describe('swipe', function() {
+  var $compile, pageScope;
+
+  beforeEach(module('material.components.swipe'));
+
+  beforeEach(inject(function($injector) {
+    $compile = $injector.get('$compile');
+    pageScope = $injector.get('$rootScope').$new();
+  }));
+
+  it('should apply the specified touch-action to the swipe element', function() {
+    var template = '<div md-swipe-left="dummy = 1" md-swipe-touch-action="pan-y"></div>';
+    var element = $compile(template)(pageScope);
+    pageScope.$apply();
+
+    expect(element[0].style.touchAction).toBe('pan-y');
+  });
+
+  it('should apply touch-action: none when no touch-action is specified', function() {
+    var template = '<div md-swipe-left="dummy = 1"></div>';
+    var element = $compile(template)(pageScope);
+    pageScope.$apply();
+
+    expect(element[0].style.touchAction).toBe('none');
+  });
+});

src/components/tabs/js/tabsDirective.js

@@ -158,7 +158,7 @@ function MdTabs ($$mdSvgRegistry) {
                       '\'md-disabled\':  tab.scope.disabled ' +
                   '}" ' +
                   'ng-disabled="tab.scope.disabled" ' +
-                  'md-swipe-left="$mdTabsCtrl.nextPage()" ' +
+                  'md-swipe-left="$mdTabsCtrl.nextPage()" md-swipe-touch-action="pan-y" ' +
                   'md-swipe-right="$mdTabsCtrl.previousPage()" ' +
                   'md-tabs-template="::tab.label" ' +
                   'md-scope="::tab.parent"></md-tab-item> ' +
@@ -188,6 +188,7 @@ function MdTabs ($$mdSvgRegistry) {
               'aria-labelledby="tab-item-{{::tab.id}}" ' +
               'md-swipe-left="$mdTabsCtrl.swipeContent && $mdTabsCtrl.incrementIndex(1)" ' +
               'md-swipe-right="$mdTabsCtrl.swipeContent && $mdTabsCtrl.incrementIndex(-1)" ' +
+              'md-swipe-touch-action="pan-y" ' +
               'ng-if="tab.hasContent" ' +
               'ng-repeat="(index, tab) in $mdTabsCtrl.tabs" ' +
               'ng-class="{ ' +