By lbuffin on

The drag and drop function is not working on my admin site under the "structure" menu. For example, If I go into blocks I cannot drag and drop. When I select something and try to move it it just highlights everything and the drag and drop arrow freezes on, I have to click on another place on the screen to clear it. I do not have the technical language to describe this accurately but hopefully I am describing this issue clearly enough. I looked at several other posts about this issue but unfortunately many of them are over my head. Several seemed to be related to issues with Internet Explorer but I am using Firefox. I had a test site created and that site is also having the same problem. I am still in 7.0 so am hoping that an upgrade to 7.4 might help?

⋅ Categories: Drupal 7.x

Comments

syedasif11’s picture

syedasif11 commented

I am having exactly the same problem. Can't reorder my menu links because drag and drop is not working. Everything freezes when I try to drag any link. Any one solved this problem? Please let us know.

lbuffin’s picture

lbuffin commented

Nothing yet. I tried looking at several other posts about this issue but am afraid that I simply do not understand enough to sort through the solutions. I will let you know if I am able to come up with a solution.

aburrows’s picture

aburrows commented

If you have the devel_themer module on this can affect it

lbuffin’s picture

lbuffin commented

I have not installed this module, not even really sure what it is, but thanks.

lilbebel’s picture

lilbebel commented

Hello there,

I checked the link and on my admin interface, there is no “show row weights” button up in the right corner of any of my menu lists.

I would be grateful for any help as I really don't know how to get this to work.

Thank you in advance,

Martha

lilbebel’s picture

lilbebel commented

Hello,

Just to say thank you to 'jimbaer' for providing me with a solution. I went into my configuration and aggregated my javascript files in "performance". This solved the problem and my drag and drop is now working.

M

jfrederick’s picture

jfrederick commented

This also worked for me. Thank you!

Elehas’s picture

Elehas commented

Oh amazing. Thanks so much for suggesting this as I had the same issue. When I aggregated my js files, however, The show row weight link appeared. Great work!

ravigr1007’s picture

ravigr1007 commented

Thank you very much configuration and aggregated my javascript files in "performance" issue resolved..

mudsurfer’s picture

mudsurfer commented

Thank you all, found this thread by googling :"drag and drop not working in drupal 7". Thought I'd add a few extra notes to assist me find it again if I forget in the future!
My issues were related to:
- Drag and drop functiionality not oworking anywhere on the site. I had to use weight field to move things around.
- I had no “show row weights” button up in the right corner anywhere.
- I could not work out the new Views filter interface when I needed to add a more complex and/or component. Not only was the drag and dropnot working, but I could not see how to create a new filter group on to which to apply the "or" statement.

Finding this post, when I enabled the javascript aggregation in Performance settings, everything came back to life - including the drag and drop functionality, AND the "create new filter group" link on the Views Filter Criteria and/or settings page.

Life is sweet again. Thank you all.

davididas’s picture

davididas commented

THANK YOU!!!

chaloalvarezj’s picture

chaloalvarezj commented

This solved my issues as well... Thanks!

Foxhaven’s picture

Foxhaven commented

Solved my issues as well.

kalilo’s picture

kalilo commented

Thank you !

lahode’s picture

lahode commented

The url : http://www.almohem.com/wordpress/drupal/drupal-menus-drag-and-drop-not-w... is broken

Anyone knows the solution?

Thanks

Fredrik Lahode
Développeur et Formateur web indépendant

jorgecsilva’s picture

jorgecsilva commented

What i did was go to the configuration menu, and clik Performance (in the development section). Finally clik on Aggregate JavaScript files.

dubpt’s picture

dubpt commented

I'm also having this problem and the option "Aggregate JavaScript files" solves the problem but I have biblio module installed that uses a expandable search and with Aggregate JavaScript files" enabled the expandable search stops working (can't expand to make a detailed search). Any idea how to solve ?

lahode’s picture

lahode commented

Ok, thank you

I tried your solution, but unfortunatety didn't change anything. I really have that problem every where (views, content types, taxonomy, etc.) where there should be an arrow to move the weight (and having instead a textfield like drupal 5)

The strange thing is :

1) It worked perfectly before and all of sudden it came like that
2) I have other sites in multisite using the same core (and don't have the problem with the others)
3) I tried to migrate my site somewhere else and suddenly the problem disappear

Well, anyway I will not bother further, just for info if someone else happend to have the same issue...

Cheers

Fredrik Lahode
Développeur et Formateur web indépendant

lahode’s picture

lahode commented

mmmm.... feel really stupid right now, after several weeks and finally found it.

There is an option to hide / show weight and if you click it, it changes everywhere. Strange I didn't think clicking on it, maybe I did while ago and didn't work because of the Javascript Aggregation issue.

Anyway it works, thanks!

Fredrik Lahode
Développeur et Formateur web indépendant

dubpt’s picture

dubpt commented

There is an option to hide / show weight and if you click it, it changes everywhere.

Where is that option ?

lahode’s picture

lahode commented

If you open block config page for instance (it should appear everywhere there is are weight properties)

Have a look at the top right of the table (near the header: Operation)

Found it?

Fredrik Lahode
Développeur et Formateur web indépendant

dubpt’s picture

dubpt commented

The "Show / Hide row weight" is not appearing. It only appears when I enable "Aggregate JavaScript files" option. But I want to hide row weights without enable "Aggregate JavaScript files".

emicoma’s picture

emicoma commented

Have you found a solution without enable "Aggregate JavaScript files" ?
i have the same problem

kaizer770’s picture

kaizer770 commented

thank's for the post . work for me

skowyra’s picture

skowyra commented

It's on the Manage Fields page of a content type. Upper right, just above the table header.

Renee S’s picture

Renee S commented

Bingo! Bizarre that that's a site-wide toggle. Thanks!

VanessaM’s picture

VanessaM commented

you saved me. I had the exact same thing and thanks to your update I also realized that I must have clicked on the "Show row weights"

Thanks for this!

Vanessa Mitelman

spanners’s picture

spanners commented

Same here. Didn't realise I'd clicked the Hide Weight. Thanks.

Simon Olsen
--
Follow me on Twitter - http://twitter.com/spanners80
Connect with me on LinkedIn: https://au.linkedin.com/pub/simon-olsen/12/359/143

ZalemCitizen’s picture

ZalemCitizen commented

I feel that stupid too xD
Thanks anyway

Maarling’s picture

Maarling commented

I was afraid i had made a big mistake and had to dig deep to solve the problem. I feld stupid too when i read your post. So simple. Thanks mate!

laraz’s picture

laraz commented

thanks!!

ramalingam07’s picture

ramalingam07 commented

Thanks! This is resolved.

ncellier’s picture

ncellier commented

Is there still no solution other than aggregating js ?
Or any idea of what makes this bug happen ?

I read somewhere that it was because of Apache mod_security ... ?

Richard2957’s picture

Richard2957 commented

I also have this problem -- drag and drop on menu links appears to work; when I click on Save then it tells me that the configuration has been changed, but it hasn't in fact changed.

JS Aggregation is checked.

The row weights appear whilst the page is loading, but once the page has finished loading they all disappear. No javascript errors though, and behaviour consistent with Chrome and Safari.

robearls’s picture

robearls commented

I had this issue on a large menu with lots of items. The problem did not exist on small menus.

The solution was to add a line to php.ini

max_input_vars = 2000

The default is 1000 which was not enough.

javier.drupal.2012’s picture

javier.drupal.2012 commented

Hi!

I have the same problem, I have tried the solutions showed on this thread but I can not come up with a solution. When I click in Create new filter group, I go back to the edit view view and I cann't create the filter group.

The link of Create new filter group goes to admin/structure/views/view/buscador_de_anuncios/edit?render=overlay#

Any idea what is going on?

Thanks heaps!

labreu2000@msn.com’s picture

labreu2000@msn.com commented

I´ve just change > Hide row weights... and it fixed...

odisey’s picture

odisey commented

Fixed ... .

nico.knaepen’s picture

nico.knaepen commented

Hi,

Thanks for the input. Changing max_input_vars resolved my problem. However I've changed this in the .htaccess file and not on server level.
On bottom of .htaccess I've added the following:

php_value max_input_vars 2000

Regards,

Nico

RAWDESK’s picture

RAWDESK commented

I've tried that also Nico, beside the aggregation JS check, but it didn't solve my draggability issue.
One difference i noticed was that the field rows, when clicked on the crosshair, changed to yellow background color.
Also no JS errors in console and jQuery on 1.7 for admin theme.
But then, for some reason i switched from Chrome to Firefox and there the problem was not present.
Only one site seems to be affected by this symptom, regardless environment (LOCAL, TEST, ... )
Have no explanation yet

africa1’s picture

africa1 commented

Hi Robearls,

Thank you very much for your post on this issue of Drag & Drop not working!

I had this problem in my Drupal 8.2.0 installation and after wasting MANY HOURS (as usual;) trying for a solution, I came across your post.

What I did to solve this issue was change the following parameters in my php.ini file:

; Maximum input variable nesting level
; http://php.net/max-input-nesting-level
;max_input_nesting_level = 4096
; How many GET/POST/COOKIE input variables may be accepted
suhosin.post.max_vars = 4096
suhosin.request.max_vars = 4096
max_input_vars = 4096

I have a very large site and I had to put the max's at these levels. For smaller sites you can use 2048.

Hope this helps someone out there.

Tom

Gigi_’s picture

Gigi_ commented

I looked into all the possible solutions given in this thread, but it doesn't solve my problem.
All of the sudden I can not drag and drop any menu anymore.
It doesn't give me the option to show or hide weight, and I don't have an option to add a weight to the menu's to begin with.
Anyone have a clue what happend here and how to fix it?

Thanks a lot upfront :)

M2Lanzarin’s picture

M2Lanzarin commented

clicking on the "show row weights" solved it for me.

athenaV’s picture

athenaV commented

it is actually a double feature, using the right top tab tou can either have values visibility or have the drop & drag feature available

best regards!

dkosbob’s picture

dkosbob commented

the jquery update module was causing the problem for me. chosen relies on it. i disabled them both and problems went away.

mrcniceguy’s picture

mrcniceguy commented

Your method worked for me.

vlad.dancer’s picture

vlad.dancer
Primary language Ukrainian
Location Kyiv
commented

Setting max_input_vars = 2000 in the .htaccess works for me. Thanks @robearls for tip!

vital kim’s picture

vital kim commented

Someday I disabled it but didn't notice the problems immediately:

  • Show/Hide Weights disappeared
  • Autocomplete fields stopped working

...and some other client side scripting functionality also stopped working.

After re-enabling Overlay module everything started working again.

Bastlynn’s picture

Bastlynn commented

If you are having trouble with drag and drop not saving for : taxonomy, menus, book module or other such things...

AND

You only see this behavior when the list is long. Aka, it works as expected until you reach an arbitrary number of elements being manipulated.

Then you should take a close look at your PHP settings for max_input_vars.

By default this .ini setting is around 1000 elements, and as your list gets longer and longer you can easily hit this limit. If Drupal hits that limit, you will see partial returns in form values as well as an E_WARNING. More importantly - form validate and form submit functions are NOT called and the form fails. (This should probably be a situation where a watchdog gets thrown to keep this from being a mystery for the developer.)

More information on setting max_input_vars here:
http://php.net/manual/en/info.configuration.php#ini.max-input-vars

Don't arbitrarily change this value - only change it if you need it. This is a security concern to avoid getting slammed with over-large DoS hash collision attacks. So use with care and only when absolutely needed.

nishant_shukla’s picture

nishant_shukla commented

hi ,
can anyone suggest me that its working or not in drupal 6 drag n drop with jquery .if its working then please let me know how its apply on comment section . i am wanted to upload an audio file with drag n drop .
Thanks in Advance .

Mr_K’s picture

Mr_K commented

I had this drag and drop issue in menu order and block order.
Disabled chosen module and all was normal again.
Can't remember if this module was active before I noticed this issue... anyway its solved for me.

albertguedes’s picture

albertguedes commented

In the top right corner of admin page there is a link "Show line weights". Click there and see the magic to happen.

cobadger’s picture

cobadger commented

If you're running a Drupal 7 site with jquery_update module enabled, try changing the version of jquery that you're using for your admin theme.

In our case, we were using adminimal as our admin theme and the draggable feature was not available using jquery 1.9. We changed the version that we're using for adminimal to 1.8 and the draggable feature was available again.

gzveri’s picture

gzveri commented

Jquery Update is causing this problem , it was using v 1.10... , which had been conflicting and leaving the amdin unable to drag and drop for reordering menu items, fields in views, etc.. , just disable this module for admin, or choose a lower version.

polaki_viswanath’s picture

polaki_viswanath commented

Hi
I tried all the solutions but didn't fix the problem. But I changed my browser to firefox and it just worked.

Thanks

osu_bucks’s picture

osu_bucks commented

Hi,
I also have this issue and no errors is displaying with Chrome. But when I switched to Firefox, Drag and Drop works fine. The same code base works fine on Acquia, but when I moved to Elastic Beanstalk, it's not working. Only difference is, I'm using S3FS on Elastic Beanstalk with the same code base as Acquia. Any suggestion?

I 've increased max_input_vars=2500
But I'm reluctant to aggregate the JS, since it removed my Admin menu bar.

Thanks

namit.garg’s picture

namit.garg commented

I am also facing the same issue the drag and drop is not working in chrome, but works in chrome

svena’s picture

svena commented

I have done som testing here. Drag and drop works fine on Firefox, Opera, Safari but not working in Edge, Chrome and IE11. Is this a new problem?

nicholass’s picture

nicholass
Primary language English
Location FL
commented

I am having the same issues, I rolled back the database and code base using GIT and has not restored the drag and drop for our menus. I believe the Chrome Browser may have been updated and broke this feature. I do not get any network or console errors, and doing rollbacks I am sure the menu was working before, we use it daily. Tried incognito as well thinking it may be a chrome extension I had. Drupal 7.52 and Chrome 55.0.2883.87 m

Works in FireFox and IE... but who wants to use those :)

rajeevgole’s picture

rajeevgole
He/Him
Primary language English
commented

I was facing the same issue. Site is runnig on Acquia cloud and I am using drupal 7.51 with admin theme 'seven'. Drag and drop is not working in chrome 55.0.
It is fixed in drupal 7.53 version.

https://www.drupal.org/project/drupal/releases/7.53

namit.garg’s picture

namit.garg commented

thanks Its working when i upgraded drupal to 7.53

winkflo’s picture

winkflo commented

For me the Core Update to 7.53 brought the solution.

For those who are running drupal 7.52 try to disable jQuery update. That helped me.

hgoto’s picture

hgoto commented

For guys who comes to this page down the road, if you met this issue using the followings, it's a know bug fixed in Drupal 7.53.

  • Drupal core: 7.51 or 7.52
  • Browser: Google Chrome, IE or Edge
  • jQuery: 1.7 to 1.11.0

#2821441: Newer Chrome versions and IE11/Edge cannot drag and drop anymore on desktop after 7.51 update when jQuery is updated to 1.7-1.11.0

As rajeevgole told, the fix is included in 7.53 and you'll be able to fix this by updating the core.

https://www.drupal.org/project/drupal/releases/7.53

umeshpatil’s picture

umeshpatil commented

I had got into the same problem on my Chrome v55.0.2883.87 m (64-bit). I tried JS aggregation but did not work. Then I just checked it in my colleague's browser and it worked on his. So I switched to Firefox(One heck of a browser) and it worked great. So just an advise, please do check it on a different browser as well before going too deeply into other solutions.

Thanks!!

surfgatinho’s picture

surfgatinho commented

Was just about to try in Firefox when I spotted this thread. Running Chrome 55.0.2883.87 m and Drupal 7.51 so hopefully this will be the fix...

...and it did.

drvdt’s picture

drvdt commented

worked with JQuery update 1.5

My sites: Medicare