Subscribe on changes!

Transition does not work in dynamic component with key

avatar
May 25th 2021

Version

3.0.11

Reproduction link

https://github.com/mseele/transition-demo

Steps to reproduce

  • click on open button
  • blue popup without open-transition opens
  • click on close button
  • blue popup with close-transition closes
  • click on open button
  • red popup without open-transition opens
  • click on close button
  • red popup with close-transition closes
  • ...

What is expected?

open-transition should apply, too

What is actually happening?

open-transition does not apply


removing the key from the dynamic component make it work (not applicable in our real application)

avatar
May 26th 2021

You should use appear: true if you want to apply transition for the initial render