CSS overflow causes jQuery UI Position to be off by a noticeable amount of pixels.

[cesar.rojas]

When any DOM element is positioned close to the end of css overflow window, the position may be off by a small but noticeable amount of pixels.

Below our pictures of the jQuery Position Online Demo running on the latest version of chrome. Behavior is the same accross all modern browsers.

Settings

Undesired Offset

[cesar.rojas]

This ticket system is terrible. Anyways, I have links to the images I intended to show.

Settings ​http://i19.photobucket.com/albums/b185/Uber_bum/jQuery%20UI%20Bug/Settings_zps72a92e3e.png

Undesired Offset| ​http://i19.photobucket.com/albums/b185/Uber_bum/jQuery%20UI%20Bug/Bug_zpsf0c3428d.png

[Scott González]

As the red box says, please provide a reduced test case showing the problem. Screenshots can't be debugged.

[cesar.rojas]

I can't remove the red boxes. My last comment provides the screenshots that illustrate the problem. This issue exists in my project and the JQuery UI Position Live demo; which is why I don't provide a jsfiddle because you can just go to the live demo to reproduce the error.

Steps to reproduce. 1) Go to the jQuery UI Position Live Demo site. ​http://jqueryui.com/position/

2) Set "my" to "left center"

3) Set "at" to "right center"

4) set "collision" to "flip flip"

5) drag the orange box to the far right of the iFrame so that the overflow appears.

6) You will see that the DOM objects being positioned by the position utility has an erroneous offset that makes it appear a bit off to the left.

Note that in my project I only set the position once, so it has nothing to do with how the live demo is setting the position as you drag it. The problem lies when you use the position utility on an object that is close to the css overflow.

[Scott González]

The only offset I see occurs when the browser scrolls during the drag, which occurs after the positioning.