Skip to content
This repository has been archived by the owner on Dec 8, 2022. It is now read-only.

*ngIf on second dropdown tab causes second tab to be auto-selected #1357

Closed
Blackbaud-ChristiSchneider opened this issue Dec 11, 2017 · 1 comment
Closed

*ngIf on second dropdown tab causes second tab to be auto-selected #1357

Blackbaud-ChristiSchneider opened this issue Dec 11, 2017 · 1 comment
Assignees
@blackbaud-conorwright
Labels
From: Consumer Type: Bug
Milestone
Block 5 Sprint 2 ...

Comments

@Blackbaud-ChristiSchneider
Copy link
Contributor

Expected behavior

First tab is selected by default

Actual behavior

Non-first tab with *ngIf is selected by default

Steps to reproduce

  • Create a tabset with two or more tabs
  • Do not apply an *ngIf to the first tab
  • Apply *ngIf="true" to the second tab
  • Open the page in a mobile-sized screen so the tabs are dropdown-style
  • Note that the second tab is selected

Applying *ngIf="true" to the first tab is a workaround for this problem.

Plunker

https://plnkr.co/edit/T0OMHPYg15ZxwO3c5G4d?p=preview
@blackbaud-conorwright blackbaud-conorwright self-assigned this Jun 14, 2018
Merged
@Blackbaud-SteveBrush
Copy link
Member

Updated plunker: https://plnkr.co/edit/wU7u62MwLE7MLB8h3aRE?p=preview

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@blackbaud-conorwright blackbaud-conorwright

Labels
From: Consumer Type: Bug
Projects
None yet
Milestone
Block 5 Sprint 2 - 6/29/2018
Development

No branches or pull requests
6 participants
@Blackbaud-BobbyEarl @Blackbaud-SteveBrush @blackbaud-danbowman @Blackbaud-ChristiSchneider @blackbaud-conorwright @Blackbaud-MichaelCollier