Focus on element not working correctly after navigation/redirection

[Clement-Bretin]

Describe the bug

No problem with all the first steps on the same page (App.vue) After a navigate to another page in the beforeStep or afterStep, the VOnboarding is here but not displayed at a valid place. Maybe be it's a caused by popper.js. Cause when i resize my window (force update) the div it's updated with the good positionning.

To Reproduce

Using custom template but the problem here with the basic exemple from the documentation.

Steps to reproduce the behavior:

1. Launch tour
2. Click on next to pass through steps
3. Step redirect automatically on a page
4. Invalid position of component (styling css => tranform/inset) after the navigation
5. Optionnal => you can move the navigator's window and it fix the positionning.

Expected behavior

Correct focus after navigation/redirection

Screenshots If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Windows 11
• Browser Chrome
• Version 125.0.6422.113 (Build officiel) (64 bits)

Additional context

The menu is a left sidebar-navigation-menu that is "static" no change applied during navigation in app.

Vue 3 "vue": "^3.4.20", Vue Router "vue-router": "^4.1.3", VueOnboarding: "v-onboarding": "^2.8.2",