fix: highlighted element is not affected by z-index

[nextchamp-saqib]

If the element to be highlighted is underneath a parent element which has a position property set, then that element won't be affected by z-index since it appears below the .driver-page-overlay element

Before:

After:

[tector]

I have the same issue, but this fix doesn't work for me. I want to highlight a form inside a modal. But when i use this fix the form is shifted down for almost the whole height of the form...

[tector]

i found a solution for my case - but it is a change in the css for buefy (where the css for the modal comes from):

.modal { position: absolute !important; }

i think the key for the solution is the position attribute for the parent element. But position: unset didn't worked for me, so i used position: absolute

[kamranahmedse]

Apologies for the radio silence, I got super busy and couldn't find time to maintain this project. We have started to actively use it at my current company and decided to rewrite it due to underlying implementation issues. It now has much simpler API and is feature rich as compared to the previous version.

Please have a look at the release docs for v1.0 and the documentation and do let me know if you face any issues. Thanks again for taking your time to submit the PR! 🙏