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(pagination): adding a new tab on mobile causes two tabs to be created #11725
Closed
Description
Bug, enhancement request, or proposal:
Bug
CodePen and steps to reproduce the issue:
CodePen Demo which demonstrates the issue:
https://material.angularjs.org/HEAD/demo/tabs
Detailed Reproduction Steps:
- Go to the Dynamic Tabs and pagination demo
- Add a new tab
What is the expected behavior?
1 new tab is created
What is the current behavior?
2 duplicate tabs are created
What is the use-case or motivation for changing an existing behavior?
It's a bug.
Which versions of AngularJS, Material, OS, and browsers are affected?
- AngularJS: 1.7.6
- AngularJS Material: 1.1.19 (HEAD)
- OS: Android 9, iOS 12.2
- Browsers: Chrome for Android 73, iOS Safari
Is there anything else we should know? Stack Traces, Screenshots, etc.
- This only happens on mobile with Chrome and Safari.
- This does not occur on Firefox for Android.
- This does not occur on Chrome, Safari, or Firefox for macOS, but there is a bit of a flicker to the animation that almost looks like a second tab is added and removed quickly on Safari and Firefox.
- This can be reproduced in the Chrome DevTools mobile emulator
Reported by @gauravlodha in #11711 (comment).