Textbox z-index

[JamesGai]

Hi

I have changed the backdrop z-index because it will be override by the modal shadow root. How can I also change the z-index or there are some other approaches to bring the step textbox to the very front?

[JamesGai]

Or maybe the question is how to change the z-index of element

[JamesGai]

I'm using Angular 15, Ionic 6, which results in ngx-ui-tour 1. The problem is steps in ngx-ui-tour 1 does not have popoverClass attribute. Also I have checked other discussions, modifying .touranchor--is-active can only change the highlighted element with anchorId not the underneath textbox right?

[hakimio]

Yes, you need v2 to get popoverClass config.
To select the parent input you could use input:has(.touranchor--is-active) CSS selector.

[JamesGai]

Thanks a lot, I have tested .touranchor--is-active selector and everything works as expected. However, this selector only allows you to modify the styling of anchored elements not the tour guide textbox.

How can I assign any stylings to the textbox and the corresponding elements on it?

[hakimio]

popoverClass in v2 or create custom tour step template.

[JamesGai]

I see, Thanks :)