[Bug Report][3.6.14] v-stepper component appears to rehydrate the window item multiple times when the item is a Vue component.
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 41k
- Forks
- 7.1k
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 11
Description
Environment
Vuetify Version: 3.6.14
Vue Version: 3.5.13
Browsers: Edge 134.0.0.0
OS: Windows 10
Steps to reproduce
- install the deps using
npm i --force - run the dev server
- Open your console
- Move the stepper forward and backward
- You will notice that the stepTwo element is hydrated twice
Expected Behavior
The window item (the Vue component) should be hydrated only once per step
Actual Behavior
the item (the Vue component) is hydrated several times ( it seems to be hydrated ×num of steps)
Reproduction Link
https://github.com/3aluw/vuetify-stpper-issue
Vuetify Play - Vuetify Stepper Issue
Other comments
I didn't check if this is happening when the Stepper window item is not a Vue component.
If you add new components, you'll notice that the item gets hydrated more times.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked reproduction, install its dependencies with npm i --force, and run the dev server while watching the console as the stepper moves forward and backward. Trace the stepper window item behavior for Vue components; done means each item is hydrated only once per step.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100