Nested elements in kept alive component are replaced before the transition
Open
Nobody has claimed this yet.
:lady_beetle: bug
scope: keep-alive
scope: transition
- Dominant language
- TypeScript
- Stars
- 54.4k
- Forks
- 9.2k
- Avg merge
- 1d 5h
- Merged PRs (30d)
- 140
Description
Version
3.1.1
Reproduction link
Steps to reproduce
- Click on toggle multiple times
What is expected?
It should transition from Foo Foo to Bar Bar and vice versa
What is actually happening?
It transitions from Foo Bar to Bar Bar and then Bar Foo Foo Foo
- Simplified from https://github.com/vuejs/vue-router-next/issues/983
- Removing KeepAlive fixes the problem
- This behavior is different from Vue 2
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 Playground and reproduce the issue by toggling the view multiple times, comparing the KeepAlive and non-KeepAlive behavior. No source file or test is named; done means the transition consistently changes between Foo Foo and Bar Bar without intermediate mixed content.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100