Comments (3)
Yep, that's odd. I can reproduce this in my local env, but only on some pages. sbadmin template seems susceptible to it. Needs some investigation, please leave it with me.
from bootstrap-tourist.
So I took a look at docs.html and was able to reproduce the offset issue as described by @diesl
In this specific instance I noted:
- when navigating from an orphaned step 1 to step 2, the offset is set to top:119 and left:0
- when navigating back to step 1 the highlight is hidden (as expected) in order to display the orphaned step.
- when navigating, once again, to step 2, I expected the offset to once again be set to top:119 and left:0. What I found was that, instead of it (offset) being reset, it is being incremented by another 119 resulting in an offset of top:238 and left:0
I think that resetting the offset when hiding the highlight should do the trick?
was thinking something like, adding a reset before calling fadeOut(), at around line 135:
so we take it from:
highlightHide: function(domElement, step)
{
domElement.fadeOut("slow")
}
to this?
highlightHide: function(domElement, step)
{
domElement.width(0).height(0).offset({top:0, left:0});
domElement.fadeOut("slow")
}
from bootstrap-tourist.
+1 for this bug fix... I don't know if it's the correct solution, but .. it works!
from bootstrap-tourist.
Related Issues (20)
- Tour initialization flashes / visible backdrop
- Backdrop covers only the viewport and can be scrolled away HOT 12
- reflexOnly: true allow proceed if using keyboard arrows HOT 3
- Element not clickable when its ancestor has a position fixed and z-index lower than the tour-backdrop which is sibling HOT 2
- [Feature request] Add highlight padding option HOT 2
- [Feature request] Ability to highlight multiple elements at once HOT 1
- incorrect isOrphan Step detection under certain conditions HOT 6
- Misplaced tour if target element has overflow:auto CSS HOT 2
- Angular HOT 4
- On the last step in the tour the next button is disabled, but can still be clicked HOT 5
- backdropPadding HOT 1
- FYI: FIXING ISSUES DURING PANDEMIC HOT 3
- Issue with pause-resume buttons HOT 1
- Next button partially working at the end of the tour. HOT 2
- Bootstrap 4.5 compatibility? HOT 1
- $(...).stop is not a function? HOT 1
- Cannot highlight elements with the style display: contents and incorrect highlight position with fixed elements HOT 1
- IGreatlyDislikeJavascript
- Bootstrap 5 support HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bootstrap-tourist.