You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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):
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).
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/
The text was updated successfully, but these errors were encountered: