Media Library Overlay Drag-and-Drop To Reorder Images Does Not Work In WP 5.9

[linux4me2]

The drag-and-drop functionality in WP media library overlay (dialog box) to reorder images doesn't work in WP 5.9, but it did in WP 5.8.x.

To reproduce the issue:

• In WP 5.9, create a new Gallery Block in a post using more than one image.
• Use the List View to select the Gallery
• Click the Media Library link to open the Add to Gallery dialog box
• Click the Edit Gallery link
• Try to drag-and-drop an image to reorder it in the gallery

In WP 5.8.x, it was possible to reorder the images with drag-and-drop while editing a gallery. There are workarounds using the List View and the arrows on the toolbar for editing individual images in a post, but the ability to drag-and-drop in "Edit Gallery" is a desired feature.

[hellofromTonya]

Hello @linux4me2,

Welcome back to WordPress Core's Trac! Thank you for opening this ticket and for providing clear steps to reproduce!

This issue was first reported in the support forum ​https://wordpress.org/support/topic/reorder-gallery-images-in-5-9-rc3. I can confirm that drop-and-drag within the modal screen is not working in 5.9 but does in 5.8.3.

Moving this into 5.9.1 for future investigation.

[Clorith]

This is caused by a regression in the jQuery UI Sortable library, a fix has been released for the library, and will be included in the upcoming release of WordPress 5.9.1

[Howdy_McGee]

#54932 was marked as a duplicate.

[Howdy_McGee]

On that note, this is the JS error I get when trying to move gallery images via Edit Gallery:

media-views.min.js?ver=5.9:2 Uncaught TypeError: Cannot read properties of undefined (reading 'args')
    at n.<anonymous> (media-views.min.js?ver=5.9:2:23305)
    at u (underscore.min.js?ver=1.13.1:2:16433)

[hellofromTonya]

#54935 was marked as a duplicate.

[audrasjb]

#54935 was marked as a duplicate.

[hellofromTonya]

#54949 was marked as a duplicate.

[ocean90]

#54957 was marked as a duplicate.

[ocean90]

#54925 was marked as a duplicate.

This PR updates the bundled files form jQuery UI from version 1.13.0 to 1.13.1

Version 1.13.1 contains fixes for regressions in jQuery compatibility introduced wit hthe 1.13.0 release, as well as some code-styling cleanup (indentation-related for readability).

See the release post at ​https://blog.jqueryui.com/2022/01/jquery-ui-1-13-1-released/
See the changelog between version 1.13.0 and 1.13.1 at ​https://github.com/jquery/jquery-ui/compare/1.13.0...1.13.1

Trac ticket: https://core.trac.wordpress.org/ticket/54902

[Clorith]

In 52648:

External libraries: Update jQuery UI to 1.13.1

Some regressions happened alongside the release of jQuery UI 1.13.0, this brings the fixes from 1.13.1 downstream to WordPress, notably relating to Widget, Autocomplete, Sortable, and Tooltip modules.

See the changelog between version 1.13.0 and 1.13.1 at ​https://github.com/jquery/jquery-ui/compare/1.13.0...1.13.1

Props blogaid, linux4me2, mgol.
Fixes #54902.

[SergeyBiryukov]

Reopening for 5.9.1 backport.

[mirosadusek123]

After elementor and World Press upgrade the Astra gallery drag and drop to reorder images no longer works!!!

[moietoi]

hi all,
same problem, same consequence.
Do not enable automatic WordPress updates... ;(
Regards

[Clorith]

#55031 was marked as a duplicate.

[Clorith]

#55032 was marked as a duplicate.

[Clorith]

#54927 was marked as a duplicate.

[zgrkaralar]

I test and looks like it's fixed in Trunk.

[peterwilsoncc]

This was merged to the 5.9 branch in [52665] but the commit didn't get linked to the ticket

In 52665

External libraries: Update jQuery UI to 1.13.1

Some regressions happened alongside the release of jQuery UI 1.13.0, this brings the fixes from 1.13.1 downstream to WordPress, notably relating to Widget, Autocomplete, Sortable, and Tooltip modules.

See the changelog between version 1.13.0 and 1.13.1 at ​https://github.com/jquery/jquery-ui/compare/1.13.0...1.13.1

Props blogaid, linux4me2, mgol, Clorith.
Merges [52648] to the 5.9 branch.
Fixes #54902.

[glendaviesnz]

#55122 was marked as a duplicate.

[glendaviesnz]

#55138 was marked as a duplicate.

[Clorith]

#55159 was marked as a duplicate.

[potatopizza]

This is a strange bug, looks to be a layering issue. Here is a method that works. When you first click on the gallery window that brings up the screen of your images to reorder, make sure you don't select an image (no blue selection border around the image), and left click and hold at the top of the image border. This should let you grab the image and reorder them through drag and drop.

[SergeyBiryukov]

#55186 was marked as a duplicate.

[samumray]

Only the top of the gallery succeeded.

The bottom is not draggable.

[moietoi]

Replying to potatopizza:

This is a strange bug, looks to be a layering issue. Here is a method that works. When you first click on the gallery window that brings up the screen of your images to reorder, make sure you don't select an image (no blue selection border around the image), and left click and hold at the top of the image border. This should let you grab the image and reorder them through drag and drop.

would you be able to show us how you do it on video (screenshot) ? I tried to reproduce it but without success

[audrasjb]

Closing this ticket again, since the issue was fixed in this changeset: [52665].

The fix is available in WP 5.9.1 release candidate (test here: ​https://make.wordpress.org/core/2022/02/16/wordpress-5-9-1-rc-1/).

The final release of WP 5.9.1 is scheduled on Tuesday Feb 22, 2022.

[pippo50]

Just updated to 5.9.1 but the problem persist. Cleared cache and tried both on Firefox & Chrome to no avail.

[samumray]

Replying to pippo50:

Just updated to 5.9.1 but the problem persist. Cleared cache and tried both on Firefox & Chrome to no avail.

We've got the problem solved!
Everything works!

[samumray]

Thanks!

[desrosj]

#54925 was marked as a duplicate.