Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Second popup on wards is behind the curtain. #44

Open
ScottSpittle opened this issue Oct 9, 2015 · 11 comments
Open

Second popup on wards is behind the curtain. #44

ScottSpittle opened this issue Oct 9, 2015 · 11 comments

Comments

@ScottSpittle
Copy link

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

@abhikmitra
Copy link
Owner

a plunkr would be nice

@mathielen
Copy link

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

@masimplo
Copy link

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
Copy link
Owner

Can you give me a plunkr ?

@smorhaim
Copy link

smorhaim commented Jan 7, 2016

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
Copy link
Owner

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

@josietam
Copy link

josietam commented Jun 9, 2016

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
Copy link

Disane87 commented Sep 23, 2016

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

@avilao
Copy link

avilao commented Jul 25, 2017

Same here.

@lindamarieb
Copy link

Same here

@maxiin
Copy link

maxiin commented Dec 21, 2018

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

10 participants