Block Editor: Allow disabling moving animations

[Pixelous]

Hi,

I made a copy of gallery block as a custom block to use it for a masonry layout https://masonry.desandro.com/

Before setting it up I was trying to disable moving images animation because masonry plugin uses its own animation based on absolute positioning.

What I have found so far useMovingAnimation function

gutenberg/packages/block-editor/src/components/use-moving-animation/index.js

Line 46 in 467e4a2

function useMovingAnimation( { triggerAnimationOnChange, clientId } ) {

is responsible for animation.

It is possible somehow to disable the moving animation for a custom block?

Kind regards

[Mamaduka]

Hi, @Pixelous

Can you share a screencast to show which animations we are talking about?

Thanks

[Pixelous]

@Mamaduka please see attached video:

Page-No-Title-.-Template-.-wordpress-local-.-Editor-.-WordPress.webm

It is translate3d

gutenberg/packages/block-editor/src/components/use-moving-animation/index.js

Line 142 in 467e4a2

: `translate3d(${ x }px,${ y }px,0)`;

Kind regards

[Mamaduka]

Thanks for the screencast, @Pixelous!

Currently, it's not possible to disable block movement animation.

Have you tried turning off animation for the Masonry library and using the ones provided by Block Editor?

[ellatrix]

Is the video you shared the built-in one? Why is it not good?

[Pixelous]

@Mamaduka ok, got it.

I have not installed the Masonry library yet, trying to learn React.

[Pixelous]

@ellatrix sorry, not sure what you mean, built-in animation?