title: transition-group proble in vue3
body: <p>I have problems with the transition group in vue3</p>
  <p>actually a simple setup</p>
  <pre><code> &lt;div class=&quot;cards-container2&quot; ref=&quot;cards-container&quot; v-if='endload==true'&gt;
        &lt;transition-group name=&quot;pagemove&quot; mode=&quot;out-in&quot;&gt;
             &lt;div v-for=&quot;card in activeCards&quot; :key=&quot;card._id&quot; class=&quot;baseClass&quot; &gt;
             &lt;/div&gt; 
       &lt;/transition-group&gt;
   &lt;/div&gt;
  
  
  .pagemove-enter-active,
  .pagemove-enter-leave-active {
    transition: all 500ms ease-in-out;
    transition: opacity 1.0s;
    transition-delay: 1.5s;
    opacity: 1.0;
  }
  
  .pagemove-enter,
  .pagemove-leave-to {
    opacity: 0;
    transition-delay: 1.5s;
  }
  
  .pagemove-active,
  .pagemove-active {
    transition: all 1.0s;
  }
  
  .pagemove-enter,
  .pagemove-leave-to {
    // position: absolute;
    opacity: 0;
    transition-delay: 1.5s;
  }
  </code></pre>
  <p>the active pages are filtered using various filter buttons that can be switched on / off. Then the corresponding cards should fade out or move to free places ...</p>
  <p>the elements are also switched off and on, but without fade or animation, if I specify transition-delay the fade is also delayed, but the elements are shifted hard, without animation.</p>