From 1d3b8ff78eaa3d64a839ba34af34d1e8b24f82af Mon Sep 17 00:00:00 2001 From: =?utf8?q?Scott=20Gonz=C3=A1lez?= Date: Thu, 16 May 2013 06:26:03 -0400 Subject: [PATCH] Position: Use absolute positioning when getting scrollbar width to avoid reflows of user content. Fixes #9291 - Position - $.position.scrollbarWidth detection causes layout issues. --- demos/position/default.html | 150 +++++++++++------------------------- ui/jquery.ui.position.js | 2 +- 2 files changed, 47 insertions(+), 105 deletions(-) diff --git a/demos/position/default.html b/demos/position/default.html index ad5a3d874..f94d316e3 100644 --- a/demos/position/default.html +++ b/demos/position/default.html @@ -12,126 +12,68 @@ -
-

- This is the position parent element. -

-
- -
-

- to position -

-
- -
-

- to position 2 -

-
- -
- position... -
- my: - - +
+
+
+ +
-
- at: - - -
-
- collision: - - -
-
-
-

Use the form controls to configure the positioning, or drag the positioned element to modify its offset. -
Drag around the parent element to see collision detection in action.

-
+
+ diff --git a/ui/jquery.ui.position.js b/ui/jquery.ui.position.js index 2d3451c06..d45b24bb1 100644 --- a/ui/jquery.ui.position.js +++ b/ui/jquery.ui.position.js @@ -70,7 +70,7 @@ $.position = { return cachedScrollbarWidth; } var w1, w2, - div = $( "
" ), + div = $( "
" ), innerDiv = div.children()[0]; $( "body" ).append( div ); -- 2.39.5