Skip to content

Transition group with multiple classes as move-class not working #678

@jonaskuske

Description

@jonaskuske

Version

3.0.0-alpha.4

Reproduction link

https://codepen.io/21stCenturyJonas/pen/xxboELY?editors=1011

Steps to reproduce

  1. Set the move-class prop on <transitition-group> to multiple classes, separated by spaces:

<transition-group move-class="transition-transform duration-300 ease-in-out">

  1. Start a transitition by changing the order

What is expected?

The classes should be applied.

What is actually happening?

DOMExecption, as tokens passed to classList.add() mustn't contain spaces.


This is the same issue as #638 – but the fix there only handles multiple enter and leave classes, not move classes that are added as part of hasCSSTransform() in TransitionGroup.ts.

I'll provide a PR shortly.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions