Overlay doesn't get appropriate margin-top and Shortcuts panel overlaps its top. For admin pages & Seven theme this makes local task's tabs not accessible (see the screenshots 1 & 2)

Drupal 7.19 + jQuery Update with JQuery 1.8.

Tracing JS revealed that error occurs in 873rd line of the overlay-parent.js:

displacement = lastDisplaced.offset().top + lastDisplaced.outerHeight();

where calling jQuery function lastDisplaced.outerHeight() instead of a expected number returns HTML (see the 3rd screenshot).

CommentFileSizeAuthor
Js trace95.61 KBOnkelTem
243.28 KBOnkelTem
140.66 KBOnkelTem
Members fund testing for the Drupal project. Drupal Association Learn more

Comments

OnkelTem’s picture

Title: Update jQuery UI to 1.8.24 (OT: Overlay get's incorrect margin-top with jQuery 1.8) » Overlay get's incorrect margin-top with jQuery 1.8
Category: task » bug

It's a bug in jQuery UI. 1.8.11 which was fixed in 1.8.24.

This is test case. It should output "300" in console.

// ERROR: outputs HTML elements instead of a number
jQuery 1.8.2 + jQuery UI 1.8.11
http://jsbin.com/enoqem/7/edit

// CORRECT
jQuery 1.8.2 + jQuery UI 1.8.24
http://jsbin.com/enoqem/9/edit

OnkelTem’s picture

Title: Overlay get's incorrect margin-top with jQuery 1.8 » Update jQuery UI to 1.8.24 (OT: Overlay get's incorrect margin-top with jQuery 1.8)
Category: bug » task
ericduran’s picture

Title: Overlay get's incorrect margin-top with jQuery 1.8 » Update jQuery UI to 1.8.24 (OT: Overlay get's incorrect margin-top with jQuery 1.8)
Category: bug » task
Status: Active » Closed (duplicate)

Yep, this is actually a jQuery UI issue. This is fixed in the latest version. See #1947438: Update jQuery UI to the latest version (1.10.2)