Skip to content
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

[Bug Report][3.7.3] Vuetify 3 V-stepper next button causes scroll to top of page #20647

Open
edweiss opened this issue Oct 31, 2024 · 0 comments

Comments

@edweiss
Copy link

edweiss commented Oct 31, 2024

Environment

Vuetify Version: 3.7.3
Vue Version: 3.5.12
Browsers: Chrome 129.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

In v-stepper the default next button or increasing a step in the nav header causes a scroll to top of the entire page, while the prev button (or decreasing a step in the nav header) only scrolls to the top of the stepper (which is the desired action).

I've found a workaround for the next button (by overriding the custom behaviour) - but the problem still persists for when i click on the nav menu steps directly.

Here is a demo (first set of nav buttons are the custom workaround, the second / bottom set is the default):

https://steppertest.netlify.app/

How do I get increasing the nav step buttons to also only scroll to the top of the stepper (instead of the entire page).

Expected Behavior

When clicking the default nav button or clicking on a higher step directly in the navigation header I would like to be able to either (a) have the nav header scroll into view (the same functionality as when clicking the prev button or decreasing a step in the nav header) or (b) have no scroll at all (so a manual scroll can be coded without the initial jump to the top of the page / window).

Actual Behavior

The next button (or increasing a step in the navigation window) causes a scroll to top of page, while the prev button or decreasing a step in the nav button, only scrolls to the top of the stepper (desired behaviour).

Reproduction Link

https://github.com/edweiss/stepper_test/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant