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
Description
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:
- Go to https://material.angularjs.org/HEAD/demo/tabs
- Go to "Dyanmic tabs" block.
- 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.