New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Tooltip positioning in body is wrong when using fixed navbar #532
Comments
I am having a similar issue. Please see fiddle: https://jsfiddle.net/g25my5tf/8/ |
@abuzakaria, @haszsm Hmm, will have a look. Btw share more jsFiddles if you have. |
@afshinm Thank you for your reply! I have also noticed another weird positioning issue. When I have a floating guide after a step, the scroll does not seem to go to the top to show it in the center of the window: https://jsfiddle.net/f1640gep/1/ |
I too am having issues with fixed elements being pushed from their location and in turn having the toolTip off by an amount equal to the size of the element it just pushed. I have temporarily resolved this by overriding the following to ...
This will leave the elements in place and the introjs-fixedToolTip is only slightly off at that point which can be modified for that particular step. |
I encountered a similar issue as well. Mix temp fix was to add a class to the body when the tour is active. With that class, I targeted position:fixed elements and changed it to position:absolute. I know the plugin does this with the classes that are assigned to the objects BUT I noticed when I had these divs absolute, the plugin measured accurately. The position of the tool tip is in the correct position, and so is the highlighted object. Prior to this temporary fix, majority of things were off by 60px which is the height of my fixed header. |
any updates on this? |
@afshinm Is there any solution to the first question? |
@Qiuu this happens because the intro.js is positioning the intro at the DOM element, and exist the navbar the height is ignored. the fix that i recommend is:
if i'm not very clear, i'm sorry but if you need a clear solution show to us a example on your environment so we can work together to fix that |
@millerscout , @afshinm |
@Qiuu : same problem, please help me |
Same problem. IntroJs.refresh() function helps me.
|
my solved!
|
The problem which caused it for me was the scrolling. The element is So my fix was This works because I'm only using fixed elements. |
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. |
This worked for me
|
When using a navigation bar with bootstrap's
navbar-fixed-top
, intro.js tooltips are wrongly positioned.The text was updated successfully, but these errors were encountered: