[5.x]: Assets Field Type re-arranging asset lagging 5 to 10 seconds in Safari

[zawilliams]

What happened?

Description

I'm seeing an issue with a client where when having a large amount of assets in an Asset field type (50 items definitely is laggy), the moving around of assets when trying to arrange order completely locks up the page - scrolling seems to work still, but interaction on the whole page freezes. Chrome seems to lag a tiny bit, but Safari is almost unusable.

Anyone encountering this?

Just upgraded to Craft 5 recently and it seems to be since then that this is happening. Went to upgrade the last few minor updates today to see if it fixed things, but no dice.

Included a video to show:

Screen.Recording.2024-09-12.at.5.40.24.PM.mov

Steps to reproduce

1. Load up 50 assets in an asset field. Drag and drop using the "Reorder" 4 dot diamond.

Expected behavior

Smooth dragging.

Actual behavior

Browser locks up for 5 to 10 seconds.

Craft CMS version

5.4.3

PHP version

8.3

Operating system and version

No response

Database type and version

No response

Image driver and version

No response

Installed plugins and versions

No response

[zawilliams]

Thanks for looking into this @brianjhanson! Following along.

[brandonkelly]

We just released Craft 5.4.6 with some improvements to drag-n-drop responsiveness for Safari (#15788). There’s still some work to do, but it’s much more usable now.

[zawilliams]

Thanks for the fix @brandonkelly!