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

Second popup on wards is behind the curtain.

Open ScottSpittle opened this issue 8 years ago • 11 comments

My initial popup works great, but there after they are behind the 'curtain' class and cannot be clicked.

ScottSpittle avatar Oct 09 '15 06:10 ScottSpittle

a plunkr would be nice

abhikmitra avatar Oct 09 '15 08:10 abhikmitra

Have the same problem... i try to build a plunkr

mathielen avatar Oct 24 '15 09:10 mathielen

did by any chance your first step be of type 'title' and the second one type of 'element'. Because I am having the same issue with 'element' types, as they are entered next to the element they hook to in the DOM and thus get into a different stacking context and thus 9999 z-index has no effect in relation the 9998 z-index of the curtain. Type title steps on the other hand work as expected as the are appended next to the ng-curtain element on the body of the page.

attachToBody property should solve the issue for the popover to be displayed above the curtain, but unfortunately I have found no way to do the same for the highlighted element, that is now behind the curtain and thus not clickable and also having the curtain colour overlayed

masimplo avatar Dec 14 '15 13:12 masimplo

Can you give me a plunkr ?

abhikmitra avatar Dec 16 '15 07:12 abhikmitra

Exactly the same issue here as masimakopoulos

First title works fine, next element is behind the curtain unless it is attachedToBody.. and although the popup shows over the curtain, the element (a button or whatever) is behind it.. no way to fix it.

smorhaim avatar Jan 07 '16 20:01 smorhaim

It would be nice if somebody can give me a plunkr . I will look into it.

abhikmitra avatar Jan 08 '16 03:01 abhikmitra

our platform encountered the same problem. Its strange that it didn't appear on all user but only certain users that I have no idea why it happened. But once we change the pop-up type to title, it doens't have the problem.

I have tried putting the id of the 2nd step in different elements in the same jade(html) file, or changing the ID on the same element however these didn't help.

seems the tour cannot locate the element with the ID however in the inspector, the element (with ID) exists.

josietam avatar Jun 09 '16 02:06 josietam

same here. @masimakopoulos, @josietam, @smorhaim did you managed to get it working?

Disane87 avatar Sep 23 '16 12:09 Disane87

Same here.

avilao avatar Jul 25 '17 10:07 avilao

Same here

lindamarieb avatar Aug 17 '17 12:08 lindamarieb

on my case it did showed up in front of the overlay... but it's background was transparent, so it seemed like nothing happened, you guys should check the background and also the position, position can make the z-index be ignored.

maxiin avatar Dec 21 '18 17:12 maxiin