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

tabs: md-center-tabs not paginating correctly #11321

Open
@totomaze

Description

@totomaze

CodePen and steps to reproduce the issue:

https://codepen.io/anon/pen/zaoKbb
Use the codepen and resize down the windows width (the labels will shrink and when everything is squished the pagination button will appears)
the codepen is a copy of the demo one with "md-center-tabs" and less tabs to start with

Detailed Reproduction Steps:

  1. Use the codepen and resize down the windows width (the labels will shrink and when everything is squished the pagination button will appears)

What is the expected behavior?

The pagination will appear as soon as there is no space to show all the labels correctly (same behavior expected as the md-tabs without the "md-center-tabs")

What is the current behavior?

the labels will shrink and when everything is squished the pagination button will appears

What is the use-case or motivation for changing an existing behavior?

Having the labels centered in a dialog box with the correct behavior

Which versions of AngularJS, Material, OS, and browsers are affected?

  • AngularJS: 1.6.7
  • AngularJS Material: 1.1.9
  • OS: Windows 10
  • Browsers: chrome

Is there anything else we should know? Stack Traces, Screenshots, etc.

The fix is to put back margin: 0 auto in md-pagination-wrapper.md-center-tabs
as it was in the previous version

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions