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

fix: fix transition-group processing of whitespace nodes #4647

Closed
wants to merge 1 commit into from

Conversation

catrope
Copy link
Contributor

@catrope catrope commented Sep 21, 2021

fixes #4621
fixes #4622

@catrope
Copy link
Contributor Author

catrope commented Oct 12, 2021

This PR has been waiting for three weeks, could someone look at this please? It blocks the Vue 3 migration for the Wikimedia Foundation (Wikipedia and related websites)

@posva
Copy link
Member

posva commented Oct 12, 2021

This doesn't look like the right fix as Transition direct children should be elements (so classes can be added) 🤔 Are you sure this fixed #4622 ? A previously failing test would also help to move things forward.

@@ -470,7 +471,8 @@ export function getTransitionRawChildren(
)
}
// comment placeholders should be skipped, e.g. v-if
else if (keepComment || child.type !== Comment) {
// #4621, #4622, #4637 also skip text nodes
else if ((keepComment || child.type !== Comment) && child.type !== Text) {
Copy link
Member

@edison1105 edison1105 Oct 25, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is not a correct fix and will even cause the following code not to render foo correctly.

<transition-group>
  foo
</transition-group>

We can't filter its raw children, we should filter the rendered children

@skirtles-code
Copy link
Contributor

I think this may have been fixed in 3.4.22 by #9421.

@edison1105 edison1105 closed this Apr 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment