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');
  }