search

sorich87 / bootstrap-tour

Quick and easy product tours with Twitter Bootstrap Popovers
http://bootstraptour.com
MIT License
4.44k stars 942 forks source link

Masked area (.tour-backdrop) laggy position on scroll #659

Open parkerwebteam opened 6 years ago

parkerwebteam commented 6 years ago

v0.12.0 has chnaged the way the current step highlights the page. Previously, a div was created behind the ui to frame it. Now, there is no actual div behind the ui, instead four .tour-backdrop div panels around it to mask it off (tour-backdrop top, right, bottom, left).

The positioning of these seems a bit laggy when the page is scrolled - the mask doesn't keep up with the ui elements.

Also, is there a way to opt back in to using the previous method of having an actual div behind the elements to highlight them (.tour-step-background)? It was a good way to completely hide surrounding elements (now, some surrounding elements, such as form elements, can bleed into the white highlighted area).

Thanks

luisluix commented 6 years ago

I also prefer the old way of doing things, this new one looks very laggy with the highlight.