Multiple modals won't open reliably

[nburnesy]

If I have 2 modals, one of them won't open reliably. In this example if I repeatedly click Open Second it will stop opening after a few tries. Opening the first modal then opening the second will work again (at least once).

Edit: The second modal will always open when I press esc to dismiss, if I click to dismiss it will stop opening.

I'm currently avoiding this by calling dismissAll() on the BsModalService before opening a modal.

import { Component, OnInit, ViewChild } from '@angular/core';
import { BsModalComponent } from 'ng2-bs3-modal';

@Component({
  selector: 'ng-test',
  templateUrl: './test.component.html',
  styleUrls: ['./test.component.css']
})
export class TestComponent {

  @ViewChild('firstModal')
  firstModal: BsModalComponent;

  @ViewChild('secondModal')
  secondModal: BsModalComponent;

  constructor() { }

  openFirst() {
    this.firstModal.open();
  }

  openSecond() {
    this.secondModal.open();
  }
}

<button (click)="openFirst()">Open First</button>
<button (click)="openSecond()">Open Second</button>

<bs-modal #firstModal>
    <bs-modal-body>
        First Contents
    </bs-modal-body>
</bs-modal>

<bs-modal #secondModal>
    <bs-modal-body>
        Second Contents
    </bs-modal-body>
</bs-modal>

[pjmolina]

Same problem here. Any fix or workaround available?

[nburnesy]

Yes, from my original post:

I'm currently avoiding this by calling dismissAll() on the BsModalService before opening a modal.

[pjmolina]

Sorry. Already tried it, but your fix is not working for me.