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. [email protected] 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 https://github.com/mendhak/angular-intro.js/issues/94#issuecomment-282516333, or mute the thread https://github.com/notifications/unsubscribe-auth/AF4nIRwrHkZIKlw4U3zjmE65nT4yw-Q7ks5rgKebgaJpZM4KcnTt .