Z index breaks my guide.

Follow

Matan Rosen

• August 01, 2021 16:02

I have a bug that prevents me from continuing on a guide I created. The guide appears but hides under the backdrop. I tried fixing it and changing the Z-index but nothing helps.

0

• 

  Howard Lio

  • August 02, 2021 18:31

  Hi Matan,

  Thanks for posting on the Community. It seems the Pendo guide is being displayed under a backdrop from their application. Unfortunately, there isn't an easy one size fits all solution to this. Modifying the z-index on its own may not be sufficient to position the guide, depending on how the backdrop is structured. 

  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context

  You may have to work with a developer on your side to take a closer look at the backdrop that is interfering w/the Pendo guide. 

  0

  Comment actions Permalink
• 

  Matan Rosen

  • August 03, 2021 06:54

  But why? the backdrop is the backdrop from Pendo! If I check with inspect mod, I can see that the backdrop and the tooltip are both at the same Z-index....

  0

  Comment actions Permalink
• 

  andrew.kirwin

  • November 17, 2021 13:43
  • Edited

  This issue also affects us, as the z-index is customisable, but the backdrop z-index is not. The backdrop z-index should be automatically calculated by pendo as z-index minus 1.

  1

  Comment actions Permalink
• 

  Eric Miller

  • January 19, 2022 23:02

  We have the same issue and agree with andrew.kirwin (z-index minus 1!) Example: We need to set the z-index to 9999 to get guides to go under our static top nav however any z-index under 200,000 puts the guide behind Pendo's own backdrop. We need a way to set the backdrop z-index independently. At least from the theme if not on the individual container level.

  2

  Comment actions Permalink

Please sign in to leave a comment.