List View: drag and drop animation is unexpected

[ellatrix]

Description

When dragging a block to a position, it is already moved into the right position. It does not make sense to animate it (which involves reverting the dragging, then animating it into the right position).

The current state looks glitchy:

Step-by-step reproduction instructions

Drag and drop any block in List View.

Screenshots, screen recording, code snippet

No response

Environment info

No response

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[ellatrix]

Looking at this more, I feel like more things are wrong:

• Instead of an indicator line, it displaces the blocks on dragging, which contributes to the glitchiness.
• The drag chip should ideally be the list view item, for a smoother experience.

[andrewserong]

Thanks for opening this one Ella!

There is a tracking issue here for list view work: #49563. In particular for making the drag chip resemble the list view item, there is a bit of history for it over here:

• List View: Make drag chip resemble list item, and displace blocks when dragging #56539
• I did an early exploration into this over in List View: Explore alternative for WYSIWYG drag chip idea #60623 — however I haven't had time to dig into since and likely won't in the near future. Just thought I'd share it in case it helps anyone digging in here, or can be used as a basis for future work.

The current state of that PR is the following, it's still a bit glitchy though:

2024-07-08.14.03.10.mp4

Also discussed a little over in #63174 (comment)