The media browser renders incorrectly if a site is running jQuery 1.8. jQuery 1.5 and 1.7 work properly when being loaded via the jQuery update module.

Please see the attached screenshot.

The theme being used is a styled version of Rubik. I tried it with Seven as the admin theme as well with the same results.

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

gagarine’s picture

Closed as duplicate #1957812: Media Browser isn't resized when clicking on tabs (jQuery UI 1.10 incompatibility) . Their is a almost patch their (I copy it for reference):

@@ -25,7 +25,9 @@ Drupal.behaviors.MediaBrowser = {
     // Instantiate the tabs.
     $('#media-browser-tabset').tabs({
       // Ensure that the modal resizes to the content on each tab switch.
-      show: Drupal.media.browser.resizeIframe
+      show: Drupal.media.browser.resizeIframe,
+      // In jQuery UI 1.10.x "show" event is replaced with "activate"
+      activate: Drupal.media.browser.resizeIframe,
+      create: Drupal.media.browser.resizeIframe
     });
 
gagarine’s picture

You also need the dev version of jquery_update (or 7.x-2.4 when it will be out) because the jquery_ui included have a bug:

$.curCSS is not a function
gagarine’s picture

In fact I think patches is perhaps not needed. New version of jquery_ui have perhaps backported some old API...

Rob C’s picture

Status: Active » Closed (duplicate)

Closing as a duplicate of #1957812: Media Browser isn't resized when clicking on tabs (jQuery UI 1.10 incompatibility) because while this issue is the older one, the newer issue already has a patch in the works. (keep focus)