search

abhikmitra / ng-joyride

Angular Joyride Directive for creating custom introductions to websites
126 stars 68 forks source link

Second popup on wards is behind the curtain. #44

Open ScottSpittle opened 9 years ago

ScottSpittle commented 9 years ago

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

abhikmitra commented 9 years ago

a plunkr would be nice

mathielen commented 9 years ago

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

masimplo commented 8 years ago

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

abhikmitra commented 8 years ago

Can you give me a plunkr ?

smorhaim commented 8 years ago

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.

abhikmitra commented 8 years ago

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

josietam commented 8 years ago

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.

Disane87 commented 8 years ago

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

avilao commented 7 years ago

Same here.

lindamarieb commented 7 years ago

Same here

maxiin commented 5 years ago

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.