Can't see highlighted item

[RonItelman]

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',
    }
  });

[nilbuild]

Seems to be similar to #9 (comment)

Is the text color white? Could you please try setting the stageBackground to some dark color and test e.g.

const driver = new Driver({
    stageBackground: 'blue'
});

[raisoblast]

I have same issue when parent div have position: relative and z-index style.

template:

<div style="position: relative; z-index: 1;">
	<div id="hello">
		<input type="text">
		<button id="btnHello">Hello</button>
	</div>
</div>

[nilbuild]

Ah, looks like stacking contexts issue, will look into it. Thanks @raisoblast

[huzeyfecoskun]

did you solve this issue ? i also cant click to the overlay to close highlight

[sarmadbokhari]

I have a similar issue in Chrome, Firefox, and Safari whereby hovering over the selected element causes it to flicker and go white/blank. Tried looking for another issue that might address this but couldn't find one. Tried toggling a bunch of options and I'm still experiencing it. @kamranahmedse any idea if it's related to this issue? Should I create a new issue for elements flickering and going blank on mouse hover?

[raisoblast]

@kamranahmedse, currently I solve the issue by going back using canvas method

[nilbuild]

@raisoblast which I won't recommend because it has terrible and flickery performance in firefox and might not work at all in IE (works smoothly in chrome though). I am almost done with the fix, will hopefully push it tonight.

@sarmadbokhari let's test after this fix and see if it solves for you.

[nilbuild]

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

[raisoblast]

awesome, it works now, thanks @kamranahmedse

[sarmadbokhari]

@kamranahmedse I'm still getting the same issue after upgrading to 0.3.6 unfortunately. Here's a screen cast of what I'm seeing: https://spaces.hightail.com/space/iDRl2s1est/files/fi-fb14b0e8-cbb1-4891-b9a8-dd5271702b01/fv-3c514bf8-124f-4384-9245-11f50865de34/driver.js%20hover.mov

[nilbuild]

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?