Download & Extend

Update jQuery UI to 1.8.24 (OT: Overlay get's incorrect margin-top with jQuery 1.8)

Project:jQuery Update
Version:7.x-2.x-dev
Component:User interface
Category:task
Priority:normal
Assigned:Unassigned
Status:closed (duplicate)

Issue Summary

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:

<?php
displacement
= lastDisplaced.offset().top + lastDisplaced.outerHeight();
?>

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

AttachmentSize
140.66 KB
243.28 KB
Js trace95.61 KB

Comments

#1

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

#2

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 report» task

#3

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)