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

Comments

OnkelTem’s picture

OnkelTem commented
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

OnkelTem commented
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

ericduran commented
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)