Using drag handles to change weight does not save [#2867313]

I have the bootstrap theme enabled on a site. I also have a content type which includes a image field to which a user can upload multiple images. The problem comes in that the user can arrange these images as they choose using the drag handles but once they click save the images return to their original orientation.

When I change my theme to one of the factory ones such as "Seven", the drag handles work fine and the image order is updated once I save the node.

My best guess is that there is some sort of query conflict. I set the bootstrap theme CDN to none and this didn't help. Any advice or help would be greatly appreciated.

Comments

Comment #1

6 April 2017 at 09:08

UNarmed created an issue. See original summary.

Comment #2

markhalliwell

English

CreditAttribution: markhalliwell at Tag1 Consulting commented 6 April 2017 at 15:31

Status:

Active

» Closed (cannot reproduce)

The drag handle doesn't actually do anything itself and all this base theme overrides is some visual components in the JS:

http://cgit.drupalcode.org/bootstrap/tree/js/misc/tabledrag.js?h=7.x-3.x
http://cgit.drupalcode.org/bootstrap/tree/js/bootstrap.js?h=7.x-3.x#n219

The rest of the actual logic (for changing weights) is handled by core's JS:
http://cgit.drupalcode.org/drupal/tree/misc/tabledrag.js?h=7.x

Comment #3

UNarmed CreditAttribution: UNarmed commented 6 April 2017 at 15:40

Hi Thanks for the response Mark.

I have narrowed it down a little by systematically deleting files from the bootstrap theme. If i delete bootstrap/js/bootstrap.js it seems to work fine although this obviously isnt a solution since it will cause its own headaches.

Comment #4

UNarmed CreditAttribution: UNarmed commented 6 April 2017 at 15:56

I am just dumping my findings here in the hope that someone can give me some feedback as to whats causing the problem. Hope that's okay?

So It seems that once i remove the sections commented with "Bootstrap Popovers" and "Bootstrap Tooltips" from the bootstrap.js, everything works correctly.