ngx-joyride icon indicating copy to clipboard operation
ngx-joyride copied to clipboard

First item of Tour inside of *ngIf element

Open AScheidt opened this issue 5 years ago • 3 comments

I need to have steps which are inside a *ngIf element. Right now I'm getting the error: "ngx-joyride:::Forcing the tour closure: First or Last step not found in the DOM.". Is there a way to setup joyride to be compatible with *ngIf? I didn't find a way yet.

AScheidt avatar Jul 17 '19 13:07 AScheidt

As a workaround, you can set waitingTime option to 100ms

Dji75 avatar Oct 03 '19 08:10 Dji75

As a workaround, you can set waitingTime option to 100ms

That isn't going to work for larger applications. I have to go all the way out to two seconds and because we can't set individual step waiting times yet, that's an unacceptable user experience.

Edit: For a workaround I wrapped the entire template in a div and set that as the first step with a corny welcome message. Less than ideal but it solves the problem.

sted6 avatar May 22 '20 00:05 sted6

hello ngx-joyride:::Forcing the tour closure: First or Last step not found in the DOM.

ritik-tevathiya avatar Dec 16 '20 08:12 ritik-tevathiya