search

IGreatlyDislikeJavascript / bootstrap-tourist

Quick and easy way to build your product tours with Bootstrap Popovers for Bootstrap 3 and 4. Based on Bootstrap-Tour, but with many fixes and features added.
63 stars 36 forks source link

Cannot highlight elements with the style display: contents and incorrect highlight position with fixed elements #69

Open stania0510 opened 3 years ago

stania0510 commented 3 years ago

I've found a possible bug when trying to highlight an element wrapped in a div with display: contents. When I turned the backdrop on, the page just freezes when I moved to the step with this element. I can't take the style off at all because I need it to highlight multiple elements at once, a feature which still isn't available in Bootstrap Tourist.

Another possible bug would be the incorrect highlight position and probably z-index position when using backdrops to highlight fixed elements. The highlight box would either be under/above or on the sides of the intended element while covering the entire element with the highlight box.

While I do understand the COVID situation on your side, I kinda need some quick fix urgently.

IGreatlyDislikeJavascript commented 3 years ago

Thanks for your report. I understand you need a fix but the situation means I have no ability to update the code any more (you can read about the origin of this fork in the read me).

In the meantime, does this comment (https://github.com/IGreatlyDislikeJavascript/bootstrap-tourist/issues/48#issuecomment-588400223) help you? Using the function options will allow you to set and position highlights however you want, with Tourist managing all other elements of the tour. It works globally or per step. That way you can highlight as many items as you need.