search

GlobalHive / vuejs-tour

VueJS Tour is a lightweight, simple and customizable tour plugin. It provides a quick and easy way to guide your users through your application.
https://globalhive.github.io/vuejs-tour/
MIT License
79 stars 6 forks source link

Bouncing #36

Closed sharperDev2112 closed 8 months ago

sharperDev2112 commented 9 months ago

This is a great package. Thanks for your work on it. Minor issue here...

When I'm taking a tour and click Next, the screen scrolls to the next target. During the scroll the step content is displayed but it bounces. I assume it is continually readjusting its position. Is there a way to alter the scroll speed or hide the content until scrolling is finished so we don't see that stuttering?

I am using @globalhive/vuejs-tour version ^1.3.7 in a Vue app version 3.2.33.

Thanks.

GlobalHive commented 9 months ago

Hi @sharperDev2112

Thank you for raising this issue! 🙌 I appreciate your diligence in reporting it. I'll dive into the matter ASAP and keep you posted on my progress. If you have any additional details or insights, feel free to share.

Thanks again for your contribution to the project! 👏

Best regards, Sascha Global Hive

GlobalHive commented 8 months ago

Hello @sharperDev2112 sadly I could not reproduce your issue.

I created a new project, added the latest version, and set up a scrolling situation. As you can see... Issue

there's no jumping. The used element is placed in the new position as soon as you click on "next" This means it does not move along, it literally "teleports" there regardless of the document setup.

Maybe you can give more insight on what you did, or create an example project with the jumping. Best regards, Sascha Global hive

sharperDev2112 commented 8 months ago

I'm not sure why my page is scrolling since these (not all) targets are in the fixed header...(3rd one bouncing a bit)

Bounce

But I'm good with you closing this. I'm probably doing something wrong. If I'm able to isolate this in a test project I will forward it.... Thanks.

sharperDev2112 commented 8 months ago

After further review I believe my scrolling issue is due to me hosting the control too deep in component hierarchy (which is probably why you tell users to host in app.vue :) ). I did that to make it easier to launch but I will fix. Thanks again!