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: wrong tab position when a new tab is added #11689

Closed
@Axeldorf

Description

@Axeldorf

Bug, enhancement request, or proposal:

There is an error with tabs position when you add a new tab and it does not fit and needs to be horizontally scrolled.

CodePen and steps to reproduce the issue:

CodePen Demo which demonstrates the issue:

Detailed Reproduction Steps:

  1. Go to https://material.angularjs.org/HEAD/demo/tabs
  2. Go to "Dyanmic tabs" block.
  3. Add a new tab with any label and any content.

What is the expected behavior?

A new tab is created and tabs are scrolled to it. Then you can go back with the left arrow until first tab.

What is the current behavior?

A new tab is created and tabs are scrolled to it. You cannot see any tab until you click on left arrow, then you see some tabs and you cannot go to previous tabs.

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

I want to create new tabs dynamically and I want to be able to go to first tab.

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

  • AngularJS: 1.7.5
  • AngularJS Material: 1.1.14
  • OS: Ubuntu 18.04
  • Browsers: Chome v72.0.3626.119

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

This bug occurs since AngularJS Material v1.1.11, with v1.1.10 it is working correctly.

Metadata

Metadata

Assignees

Labels

P1: urgentUrgent issues that should be addressed in the next minor or patch release.has: Pull RequestA PR has been created to address this issueresolution: fixedseverity: regressionThis issue is related to a regressiontype: bug

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions