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(pagination): adding a new tab on mobile causes two tabs to be created #11725

Closed
@Splaktar

Description

@Splaktar

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:

  1. Go to the Dynamic Tabs and pagination demo
  2. 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

Screenshot_20190518-151653

Reported by @gauravlodha in #11711 (comment).

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions