IMCE UI gets stuck when user tries to navigate through directories > Conflict with JQuery 1.5 and / or JQuery Update 6.x-2.x-dev [#1493416]

IMCE has been working on this site just fine 'til recently.

Now it has been pointed out to me that when a user selects another folder in the "navigation" pane the 'throbber' comes up and stays there forever. Users thought that IMCE had 'crashed' but I've found that if you reload / refresh the page while the throbber is turning when the page reloads the browser has gone to the previously selected folder.

This is the same behavior for any action that causes a 'wait', IMCE appears to be stuck but upon a reload the action has in fact occurred.

I've tried this with both the current recommended 6.x release and with the 6.x-dev release both with the same results.
I've disabled and un-installed all IMCE support modules and tried again with the same results.

I've installed ThemeKey and set Garland as the theme for "*imce*", same results.

I am not running Google Analytics or Secure pages.

Drupal is up to date at 6.25.

No errors are being written to Watchdog.

And that exhausts my ability to work out what's going on.

Can anyone help?

Comments

Comment #1

ufku commented 24 March 2012 at 00:00

Category:	bug	» support
Priority:	Major	» Normal

Try different browsers and report javascript errors if there is any.
Disable modules that add javascript to the page and enable them one by one to see if there a conflict with any of them.

Comment #2

austintnacious commented 24 March 2012 at 06:54

This is what the console displays in Google Chrome. . .

2 event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.
XHR finished loading: "/imce?jsop=navigate&dir=images".
jQuery.ajaxTransport.send							jquery.js:7180
jQuery.extend.ajax							jquery.js:6645
window.imce.navigate							imce.js:379
window.imce.dirClickable.branch.clkbl							imce.js:70
jQuery.event.handle							jquery.js:2535
jQuery.event.add.elemData.handle.eventHandle							jquery.js:2160

Uncaught Syntax error, unrecognized expression: [ "Participation", "bulk-upload", "temp", "themed-events" ]				jquery.js:3583
Sizzle.error							jquery.js:3583
Sizzle.filter							jquery.js:3569
Sizzle							jquery.js:3359
Sizzle							jquery.js:4438
Sizzle							jquery.js:3423
Sizzle							jquery.js:4438
Sizzle							jquery.js:3423
Sizzle							jquery.js:4438
jQuery.fn.extend.find							jquery.js:4666
jQuery.fn.jQuery.init							jquery.js:179
jQuery							jquery.js:25
Drupal.ahahError							drupal.js:255
window.imce.ajaxError							imce.js:718
jQuery.event.handle							jquery.js:2535
jQuery.event.add.elemData.handle.eventHandle							jquery.js:2160
jQuery.event.trigger							jquery.js:2437
jQuery.event.trigger.event.result							jquery.js:2407
jQuery.extend.each							jquery.js:635
jQuery.event.trigger							jquery.js:2400
done							jquery.js:6490
jQuery.ajaxTransport.send.callback							jquery.js:7251
52 event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.

Comment #3

austintnacious commented 24 March 2012 at 07:09

Firefox 11 shows the following. . .

--
[00:05:02.815] Use of getAttributeNode() is deprecated. Use getAttribute() instead. @ http://archive.theblack-e.co.uk/user/1/imce
[00:05:02.817] Use of attributes' nodeValue attribute is deprecated. Use value instead. @ http://archive.theblack-e.co.uk/user/1/imce
[00:05:03.606] Use of getAttributeNode() is deprecated. Use getAttribute() instead. @ http://archive.theblack-e.co.uk/imce
[00:05:03.607] Use of attributes' specified attribute is deprecated. It always returns true. @ http://archive.theblack-e.co.uk/imce

Comment #4

austintnacious commented 24 March 2012 at 07:15

IE9 gives,

SCRIPT438: Object doesn't support property or method 'getElementsByTagName' 
jquery.js?5, line 5460 character 4
SCRIPT438: Object doesn't support property or method 'getElementsByTagName' 
jquery.js?5, line 5460 character 4
SCRIPT438: Object doesn't support property or method 'getElementsByTagName' 
jquery.js?5, line 5460 character 4
SCRIPT438: Object doesn't support property or method 'getElementsByTagName' 
jquery.js?5, line 5460 character 4
SCRIPT438: Object doesn't support property or method 'getElementsByTagName' 
jquery.js?5, line 5460 character 4

Comment #5

austintnacious commented 24 March 2012 at 07:25

I've cut and pasted the contents of the console from GC, FF and IE in the posts below.

Interestingly, since I have no aggregation turned on IE isn't loading all of the css and js.
The site displays almost as plain text but the directories in the IMCE file browser in the User profile page are clickable and the clicks do succeed in showing the contents of the directory without having to refresh.

Comment #6

austintnacious commented 29 March 2012 at 00:02

Title:	IMCE UI gets stuck when user tries to navigate through directories	» IMCE UI gets stuck when user tries to navigate through directories > Conflict with JQuery 1.5 and / or JQuery Update 6.x-2.x-dev
Component:	User interface	» Documentation
Category:	support	» task
Priority:	Normal	» Critical

So I tracked my problem with this issue to an incompatibility / conflict with Jquery Update module version 6.x-2.x-dev / Jquery 1.5.

This was also causing an issue with Taxonomy Menu (http://drupal.org/node/1489344) on my site and both problems seemed similar, i.e. the page was waiting for some info coming back from the server / waiting for a process to complete on the server and that info wasn't getting back to the page.

Anyway, in tracking down the IMCE problem I also have my main Taxonomy Menu issue fixed.

So, to those who are experiencing this issue check admin/reports/status for your JQuery version and admin/reports/updates for your JQuery Update version. If you have a JQuery version higher than 1.3.2 and/or JQuery Update module version higher than the "recommended" 6.x-2.0-alpha1 bring those two back to the versions stated here and you should find this issue resolved.

I don't remember why I went up to JQuery 1.5 / JQuery Update 6.x-2.0-dev but I did and it breaks IMCE.

I now see this as an 'undocumented incompatibility' the documentation of which I regard as quite "critical" (this has cost me a lot of trouble, i.e. "critical") so I've made the appropriate changes to the issue settings above.

Comment #7

Kimitri commented 9 May 2012 at 09:49

I guess it's kind of expected as the JS portion of the module is probably pretty much identical between these two versions, but we're experiencing the same problem with version 7.x-1.5. If anyone else has the same problem using the 7.x branch, I think we should update this issue to point to the master version.

As for the issue itself, I believe austintnacious is right: this is a critical issue. I guess IMCE could check the jQuery version and act accordingly.

Comment #8

milovan commented 4 November 2013 at 20:55

I confirm incomaptibility on D6 with jQuery 1.5. I haven't found solution yet and downgrading jQuery is not an option for me. Thus, following this issue...

Edit:
fixed. Solution: https://drupal.org/comment/4202202#comment-4202202

Comment #9

daimooni commented 31 July 2014 at 08:25

Issue summary:

View changes

Solution which worked for me was editing imce/inc/imce.page.inc file, function imce_js, replace "print drupal_to_js($response);" to "print json_encode($response);", and updating imce/js/jquery.form.js to jquery_update module version. Hope it will help someone.

My configuration was with imce 6.x-2.7 and jQuery update 6.x-3.0 (with upgrade to jquery 1.7.1).