fix(tabs): fixes tab sizing issues with and without pagination

Closes #4065 Closes #4834 Closes #4873 Must test with #4744
angular · Oct 6, 2015 · ed80df7 · ed80df7
1 parent 83ed1f3
commit ed80df7
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/components/tabs/js/tabsController.js b/src/components/tabs/js/tabsController.js
@@ -534,9 +534,17 @@ function MdTabsController ($scope, $element, $window, $mdConstant, $mdTabInkRipp
    * Updates whether or not pagination should be displayed.
    */
   function updatePagination () {
+    updatePagingWidth();
+    ctrl.maxTabWidth = getMaxTabWidth();
     ctrl.shouldPaginate = shouldPaginate();
   }
 
+  function updatePagingWidth() {
+    var width = 1;
+    angular.forEach(elements.dummies, function (element) { width += element.offsetWidth; });
+    angular.element(elements.paging).css('width', width + 'px');
+  }
+
   function getMaxTabWidth () {
     return $element.prop('clientWidth');
   }