Broken ui after setup

[jongbonga]

I followed the docs for v16.

I'm on Ionic 8, ng 21. provideUiTour() on provider in app.module.ts, tour-step-template on app.component.html

But the ui is breaking

Before

After

It works when I place tour-step-template on the pages where I need the tour. So I'm not sure about that 1 time on app level.

Any assistance is greatly appreciated

[hakimio]

Can you create a reproduction of your setup? Are your routes lazy or eagerly loaded?
The latest Ionic tour version is meant to be used in standalone Angular/Ionic applications. Is there a good reason why you can't migrate? Both Angular and Ionic have standalone migration scripts.
Might be related to #166

[jongbonga]

Routes are lazy-loaded. The app is a mix of modules and standalone components; we can't migrate it right now.

When I place the tour-step-template on a module component, I don't think that's the issue. The only downsides (so far) are

1. I lose the app-level backdrop
2. I lose global context since moving to a new page will require another provider