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
Tour initialization flashes / visible backdrop #42
If i set up the example without backdrop there is a short time where a black screen appears and disappears followed by the actual tour dialog.
https://jsfiddle.net/q6eb27oj/
Caused by div initialization creating the backdrop div as visible, even when tour has hidden backdrop.
For an interim fix, locate Tour.prototype._createOverlayElements = function () and create $backdrop / $highlight as hidden, or change the CSS tour-backdrop and tour-highlight classes to initially hidden.
I need to test it properly but that should solve the problem for the min.
Reported here: https://github.com/IGreatlyDislikeJavascript/bootstrap-tourist/issues/38#issuecomment-564875282. Split out to this separate issue.
Caused by div initialization creating the backdrop div as visible, even when tour has hidden backdrop.
For an interim fix, locate
Tour.prototype._createOverlayElements = function ()and create$backdrop/$highlightas hidden, or change the CSStour-backdropandtour-highlightclasses to initially hidden.I need to test it properly but that should solve the problem for the min.
@1Luc1