From 1617479fcf7cbdaf33dc9334ed10a0f30bf14687 Mon Sep 17 00:00:00 2001 From: Arthur Stolyar Date: Tue, 5 May 2015 08:16:29 -0700 Subject: [PATCH] Offset: Fix .offset() to correctly work with ShadowDOM Fixes gh-1784 Close gh-2043 --- src/offset.js | 26 ++++++++++++-------------- test/unit/offset.js | 28 +++++++++++++++++++++++----- 2 files changed, 35 insertions(+), 19 deletions(-) diff --git a/src/offset.js b/src/offset.js index a0d3ab5fb..49ff26ac9 100644 --- a/src/offset.js +++ b/src/offset.js @@ -32,7 +32,7 @@ jQuery.offset = { elem.style.position = "relative"; } - curOffset = curElem.offset(); + curOffset = curElem.offset() || { top: 0, left: 0 }; curCSSTop = jQuery.css( elem, "top" ); curCSSLeft = jQuery.css( elem, "left" ); calculatePosition = ( position === "absolute" || position === "fixed" ) && @@ -82,28 +82,26 @@ jQuery.fn.extend({ }); } - var docElem, win, + var docElem, win, rect, elem = this[ 0 ], - box = { top: 0, left: 0 }, doc = elem && elem.ownerDocument; if ( !doc ) { return; } - docElem = doc.documentElement; + rect = elem.getBoundingClientRect(); - // Make sure it's not a disconnected DOM node - if ( !jQuery.contains( docElem, elem ) ) { - return box; - } + // Make sure element is not hidden (display: none) or disconnected + if ( rect.width || rect.height || elem.getClientRects().length ) { + win = getWindow( doc ); + docElem = doc.documentElement; - box = elem.getBoundingClientRect(); - win = getWindow( doc ); - return { - top: box.top + win.pageYOffset - docElem.clientTop, - left: box.left + win.pageXOffset - docElem.clientLeft - }; + return { + top: rect.top + win.pageYOffset - docElem.clientTop, + left: rect.left + win.pageXOffset - docElem.clientLeft + }; + } }, position: function() { diff --git a/test/unit/offset.js b/test/unit/offset.js index 785b23961..057aa6df7 100644 --- a/test/unit/offset.js +++ b/test/unit/offset.js @@ -56,13 +56,31 @@ test("object without getBoundingClientRect", function() { equal( result.left, 0, "Check left" ); }); -test("disconnected node", function() { - expect(2); +test("disconnected element", function() { + expect(1); - var result = jQuery( document.createElement("div") ).offset(); + var result; - equal( result.top, 0, "Check top" ); - equal( result.left, 0, "Check left" ); + try { + result = jQuery( document.createElement("div") ).offset(); + } catch ( e ) {} + + ok( !result, "no position for disconnected element" ); +}); + +test("hidden (display: none) element", function() { + expect(1); + + var result, + node = jQuery("
").appendTo("#qunit-fixture"); + + try { + result = node.offset(); + } catch ( e ) {} + + node.remove(); + + ok( !result, "no position for hidden (display: none) element" ); }); testIframe("offset/absolute", "absolute", function($, iframe) { -- 2.39.5