tour in bootstrap modal

[nerkat]

hello
when triggering tour inside modal

<div class="modal">
...
...
    <div ng-intro-options="IntroOptions" && ng-intro-method="tour" >
     ...
     ...
     </div>
</div>

the modal gets ".introjs-fixParent" class which sets:
"z-index: auto !important;"
this makes the modal disappear from view (hiding behind any sibling element with z-index higher than "auto !important"( = 0 ))
any ideas?

UPDATE

of course i did:

.introjs-fixParent.modal
{
        z-index:3000 !important
}

this makes the modal show
but the element being "toured" is not on the highest layer and is hidden by the tour's buble
it seems that the elemnet being "toured" - as a child of the modal - can't be higher than the intro-tooltip-layer :
can i set it to append all the introjs-elements inside the modal? so it will fix the z-index problem...?

[millerscout]

i remember to have an issue quite like that, i fixed modifying just my css.

may you provide a plunker with this ? i'll try to handle that with you

[nerkat]

its an old problem, i'm not facing it anymore i'm moving to angular material design but from what i already see - with angular material design dialogs - also have similiar problem

…

On Sat, Feb 25, 2017 at 5:13 PM Antonio M S S Jr. ***@***.***> wrote: i remember to have an issue quite like that, i fixed modifying just my css. may you provide a plunker with this ? i'll try to handle that with you — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#94 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AF4nIRwrHkZIKlw4U3zjmE65nT4yw-Q7ks5rgKebgaJpZM4KcnTt> .