driver.js: Can't see highlighted item

Image attached. No error messages in the console.

code:

const driver = new Driver({
    opacity:1
  });
  driver.highlight({
    element: '.subNavOptionW[data-option="Topics"]',
    popover: {
      title: 'Title for the Popover',
      description: 'Description for it',
    }
  });

About this issue

Original URL
State: closed
Created 6 years ago
Comments: 24 (9 by maintainers)

Most upvoted comments

@00cpxxx yes it was fixed but note that in some edge cases when you can’t get around the z-index stacking context issues, you will have to use the non-animated version.

But anyways, give the non-animated version a try and feel free to open an issue with a reproducing plunker

kamranahmedse on May 6, 2018

Then it is probably the z-index issue. If you are fine with using the non-animated version then well in good. Otherwise, if you can provide the plunker, I can look at it and see what might be causing the issue. You might have to rearrange some elements or CSS to make it work. Driver handles it in most of the cases but stacking contexts it is a tricky thing so there are edge cases that are not handled.

kamranahmedse on May 6, 2018

Aha looks like this checkbox plugin that you are using is somehow affecting it. Since the current issue has been resolved, could you possibly create a reproducing plunker with this part of your app and open a new issue?

kamranahmedse on Mar 22, 2018

Fixed in the latest release. Could all of you guys please test? 😃

kamranahmedse on Mar 22, 2018