Skip to content

TransitionGroup's move animations don't work when moved to another document #13849

@zusorio

Description

@zusorio

Vue version

3.5.21

Link to minimal reproduction

https://stackblitz.com/edit/vitejs-vite-gybe4tgi?file=src%2FApp.vue

Steps to reproduce

  • Open the preview window in a new tab as the repro won't work otherwise
  • Press the shuffle and add buttons -> Both animations work correctly
  • Press the move to new window button -> Only the enter animation works correctly, the move animation doesn't work

What is expected?

The move transition should work like the enter transition.

What is actually happening?

There is no move transition.

System Info

Any additional comments?

My goal with this is to move a component to a Picture-in-picture window using the window.documentPictureInPicture API.
I'm not sure if this use case is supported, but as all other parts work perfectly, it would be great to get the move transitions working.
I found #10610 while researching this, so it seems at least somewhat plausible that this should be supported.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions