Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

Highlight does not work with divs #84

Open
tarr11 opened this Issue · 5 comments

5 participants

@tarr11

I'm using guiders with the highlight option. It appears to highlight input elements, but not divs. I've verified that it is applying the guiders_highlight class to the element. But it appears to not actually highlight anything.

Is there any way to get highlight to work with divs?

@pickhardt
Collaborator
@pickhardt
Collaborator

I agree that there is a bug. I don't know exactly how to solve it, though. I've replicated it: perhaps your div doesn't have a background color? I've found that added a bg color helped me, when I replicated it.

@djhopper01

Thanks @pickhardt. I ran into a similar issue when the div did not have a background color. Adding a background color makes the div look much better.

@h0ru5

Also stumbled across that issue, setting a white background works fine for my case.

For a cleaner solution, you could lay a white highlighting-backdrop under the element to highlight, so that z-order(backdrop) < z-order(white background) < z-order(highlighted element), Tricky thing is to put the white background into the same position and size as the element.

Bootstrap-tour does this, see https://github.com/sorich87/bootstrap-tour for an example.

@jdan

Sometimes it's just a z-index annoyance and changing the background color isn't enough. Make sure to set your highlighted element's position to "relative"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.