Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Tabs] md-tab-group scrolling/pagination missing #769

Closed
maciejtreder opened this issue Jun 27, 2016 · 6 comments
Closed

[Tabs] md-tab-group scrolling/pagination missing #769

maciejtreder opened this issue Jun 27, 2016 · 6 comments
Assignees
Labels
feature This issue represents a new feature or feature request rather than a bug or bug fix P2 The issue is important to a large percentage of users, with a workaround

Comments

@maciejtreder
Copy link

maciejtreder commented Jun 27, 2016

What is the expected behavior?

When md-tab-group contain too much md-tab objects to display them on the screen, there should be 'next' arrow displayed (as in angular 1)

What is the current behavior?

list of md-tab is cutted.

Which versions of Angular, Material, OS, browsers are affected?

Angular: 2.0.0-rc.3
Material: 2.0.0-alpha.5-2
Browsers: Safari, Chrome, FireFox
OS: OS X El Capitan, iOS 9.3

Workaround

Add

.md-tab-header {
  overflow: auto !important;
}

To stylesheet

@robertmesserle robertmesserle self-assigned this Jun 28, 2016
@robertmesserle robertmesserle added the feature This issue represents a new feature or feature request rather than a bug or bug fix label Aug 10, 2016
@RaulRG
Copy link

RaulRG commented Oct 11, 2016

It would be really great if you could add support for "Tabs with overflow pagination" or "Scrollable tabs" as defined in the material design guidelines.

From the guidelines:
"To navigate between scrollable tabs, touch the tab or swipe the content area left or right. To scroll the tabs without navigating, swipe the tabs left or right."

@matt-uib
Copy link

Do you already have some date when this might be implemented? Would be cool to have that feature..

@andrewseguin andrewseguin added the P2 The issue is important to a large percentage of users, with a workaround label Nov 16, 2016
@andrewseguin andrewseguin changed the title md-tab-group scrolling/pagination missing [Tabs] md-tab-group scrolling/pagination missing Nov 16, 2016
@andrewseguin
Copy link
Contributor

This has been implemented in #2084 and is in the latest release (alpha 11)

@thekalinga
Copy link

@andrewseguin Is there a reason why this is not implemented for md-tab-nav-bar?

@thekalinga
Copy link

@andrewseguin Just realized there is an issue already filed for this.

Linking it here just for reference.

#2177

Thank in any case.

@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 5, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
feature This issue represents a new feature or feature request rather than a bug or bug fix P2 The issue is important to a large percentage of users, with a workaround
Projects
None yet
Development

No branches or pull requests

6 participants