bug(drag-and-drop): Drag and drop not animating

[atomicrobokid]

Is this a regression?

• [ ] Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

https://material.angular.io/cdk/drag-drop/examples

This may or may not be a bug i apologise, but I can't seem to for the life of me get the drag and drop functionality to animate when dragging about.

The drag/drop functionality itself works fine, but I can see in that demo above that when you drag, the cdkDrag element gets css applied such as transform: translate3d(...) etc but i get no such css applied.

Reproduction

StackBlitz link: Steps to reproduce:

Expected Behavior

Css to transition when dragging is applied

Actual Behavior

No css is applied,

Environment

• Angular: 18.2.2
• CDK/Material: 18.2.2
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): OSX

[atomicrobokid]

Urgh, nevermind, found it buried in the docs for the "mixed" mode:

It has the advantage of allowing the items to wrap to the next line, but it cannot animate the sorting action.

Any plans to support animations with mixed?

[crisbeto]

There are no plans to support animations for mixed orientation. The problem is that we need to be able to predict the size and position of the elements after they're re-ordered and that can be difficult with some CSS layouts.