Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

fix(tabs): remove manual pagination sizing algorithm #10136

Merged
merged 1 commit into from
Jan 18, 2017

Conversation

clshortfuse
Copy link
Contributor

Since tabs now use flexbox for sizing, manually sizing is no longer needed.
This solves issues related tabs inside flexible containers like dialogs.

  • Remove updatePagingWidth() function
  • Revert width to default values

Fixes #9429

@clshortfuse clshortfuse added browser: Chrome needs: manual testing This issue or PR needs to have some manual testing and verification done P1: urgent Urgent issues that should be addressed in the next minor or patch release. labels Dec 14, 2016
@clshortfuse clshortfuse added this to the 1.1.3 milestone Dec 14, 2016
@googlebot googlebot added cla: yes PR author has signed Google's CLA: https://opensource.google.com/docs/cla/ labels Dec 14, 2016
@clshortfuse
Copy link
Contributor Author

clshortfuse commented Dec 14, 2016

@ErinCoughlan this should solve your issue

Just to clarify, this changes the width of the paginator, not the actual tab buttons.

Tested with:

http://codepen.io/shortfuse/pen/LbXVWP (localhost)
http://codepen.io/shortfuse/pen/WoYQdW (master with overriding CSS rule)

  • IE11
  • Edge
  • Safari
  • Safari Mobile
  • Chrome
  • Firefox

Since tabs now use flexbox for sizing, manually sizing is no longer needed.
This solves issues related tabs inside flexible containers like dialogs.

* Remove updatePagingWidth() function
* Revert width to default values

Fixes angular#9429
@clshortfuse clshortfuse added ui: flexbox g3: reported The issue was reported by an internal or external product team. and removed needs: manual testing This issue or PR needs to have some manual testing and verification done labels Dec 14, 2016
@clshortfuse clshortfuse changed the title fix(tabs): remove manually pagination sizing algorithm fix(tabs): remove manual pagination sizing algorithm Dec 15, 2016
@ThomasBurleson ThomasBurleson modified the milestones: 1.1.3, 1.2.0 Jan 3, 2017
@ThomasBurleson
Copy link
Contributor

@clshortfuse - nice work.

@ThomasBurleson ThomasBurleson modified the milestones: 1.1.2, 1.2.0 Jan 5, 2017
@ThomasBurleson ThomasBurleson modified the milestones: 1.1.3, 1.1.2 Jan 5, 2017
@mmalerba mmalerba merged commit 5b799e2 into angular:master Jan 18, 2017
davidenochk pushed a commit to davidenochk/material that referenced this pull request Feb 3, 2017
Since tabs now use flexbox for sizing, manually sizing is no longer needed.
This solves issues related tabs inside flexible containers like dialogs.

* Remove updatePagingWidth() function
* Revert width to default values

Fixes angular#9429
@bvahdat
Copy link
Contributor

bvahdat commented Feb 8, 2017

@clshortfuse @ErinCoughlan please see #10386

@Splaktar
Copy link
Member

This appears to have broken the display of tabs when pagination is needed on IE11: #10406 (comment)

if (shouldStretchTabs()) {
angular.element(elements.paging).css('width', '');
} else {
angular.element(elements.paging).css('width', calcPagingWidth() + 'px');
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This was the only call to calcPagingWidth() but that function wasn't removed as is currently dead code.

@Splaktar Splaktar modified the milestones: 1.1.3, 1.1.2 Aug 30, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
- Breaking Change browser: Chrome cla: yes PR author has signed Google's CLA: https://opensource.google.com/docs/cla/ g3: reported The issue was reported by an internal or external product team. P1: urgent Urgent issues that should be addressed in the next minor or patch release. ui: flexbox
Projects
None yet
Development

Successfully merging this pull request may close these issues.

7 participants