-
-
Notifications
You must be signed in to change notification settings - Fork 8.2k
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
Conditional CSS classes not applied for items in TransitionGroup #11687
Labels
Comments
a workaround but not vue' style. |
Thanks a lot for the workaround :) Still interested in whether that's expected behaviour or a bug though. |
I think this is expected behavior. aligin with vue2. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Vue version
3.4.29
Link to minimal reproduction
https://play.vuejs.org/#eNrNVMtu2zAQ/JUtgcIJEMsO0l5U20AfQR+HtGgDtEDVAyuvbcYUSZCUIkPQv3cpyo7itkGOudjicGc5O1xuw14bk1QlspTNXG6F8eDQl2aRKVEYbT00YHEFLaysLmBEoaNMZSrXynkQHgsH8xBx8jNTAE34ASjQOb7GFEYfUEo9OouwcO+0ItTbEgPSdvhfnO/ayuUxZ8Wli6RM/Tp9lanZJOolpbQgIUZyj7QCmG3OF1faw5KYswktOvDacuWEF1q9t7o0oHiB84x57rYZiyEGqvFKW0JDZSBUrDBZCenRntQwX8CzOomaTjMG6RZ3fXTSF9DnomxCmdKD35lwTL7BfPtb10SqxoVeotzzYjbCJ3uiM1xBmkvuHAU1MAoax6GaUdop6jnkBVs0zfD0toUx9FAMaltyihLGCifhZsP/kRsH3wLlzrPHGDLw48lXPpsMGoWWzu8kgsu1wSUhSXccKqptzHMvKqQujKBEXmEP7lvWHzxMgUsJ0+SlA+QOqT3v74+par5L4dzRFnXw47L+jxUFhgd5JM/rfZJbsfQbYk6nz4di6C6L8P7oM5jw4+Riaurwmih7TBS8jkk81p4U5NryWKIUio7YULusN5FC/gYDyTl2xjzZqFZindw4rWiedEno+nVhhET72YQsLmPpXmPGyDR9+6nDwkzon3zfMv/Abxx1UUofXyw6tBX1zmHPc7tGH7cvv12R+MEmtV0pKfqBza/otCyDxhj2plRLkj2I69R+7KaiUOtrd1l7pJvqi7o/1DJGk/LtA6Xfyb1IXvRzrWXtHz7E32U=
Steps to reproduce
Not done
collection into theDone
collectionitem.isDone
changes (moving the item from one list to the other), the conditional CSS classtask-done
is not applied while the in or out animations play in the corresponding listsWhat is expected?
I would expect the items to have the
task-done
class applied or removed immediately, then animate out of the list.What is actually happening?
The CSS class is never applied as long as the item is still in the previous list.
System Info
Any additional comments?
Maybe that's expected behavior, but I didn't find any info on it while consulting the docs. If there is a workaround to apply CSS classes immediately, that'd be great.
The text was updated successfully, but these errors were encountered: