Draggable: draggable can be pulled out of containment in Chrome and IE8

[Trainmaster]

First of all the Example: ​http://jsfiddle.net/QFVxC/12/

Follow these steps:

1. Move the object to the bottom of the container
2. Now, again select the object and try to move it out of the container downwards
3. Repeat the previous step a few times. You will see, that you can slowly pull the object out of the container

FF 3.6.13 + Opera 11.01 works fine

[raziel057]

I also noticed this problem in Chrome 9 and IE8.

[mikesherov]

confirmed on latest: ​http://jsfiddle.net/cLVYr/1/ Also noticed that if you add padding to the container: ​http://jsfiddle.net/cLVYr/ , the problem goes away, so it must be a boundary condition issue.

[mikesherov]

#8373 is a duplicate of this ticket.

[Scott González]

#9218 is a duplicate of this ticket.

[BardMorgan]

I tried adding padding to a div I was using for containment and the problem persisted. I added a border and the problem resolved. I edited the second fiddle above (​http://jsfiddle.net/cLVYr/) and deleted the border and you can once again move the contained object slowly outside the container. The new fiddle is at ​http://jsfiddle.net/BardMorgan/PK5dY/.

[BardMorgan]

Ok.. one more revision. If you use both a border and padding it resolves. If you use only one, the problem persists.

[tj.vantoll]

#4489 is a duplicate of this ticket.

[tj.vantoll]

Reduced the test case against master a bit: ​http://jsfiddle.net/tj_vantoll/Q4bkR/

[Aradesh]

There is one more bug related to this. If draggable element has child div with position: absolute, and this element is outside of draggable container - containment is not work on bottom and right borders. ​http://jsfiddle.net/9Wu5T/

[tj.vantoll]

Replying to Aradesh:

There is one more bug related to this. If draggable element has child div with position: absolute, and this element is outside of draggable container - containment is not work on bottom and right borders. ​http://jsfiddle.net/9Wu5T/

I'm not seeing any issues with that test case. Are you only seeing the behavior in certain browsers?

[vesoljc]

Replying to BardMorgan:

Ok.. one more revision. If you use both a border and padding it resolves. If you use only one, the problem persists.

And you have to use 3px (or more) padding. At least on Chrome 30.0.1599.69...

[tj.vantoll]

#9685 is a duplicate of this ticket.

[mikesherov]

I know what's doing this. PR coming soon.

[Mike Sherov]

Draggable: Ensure overflow:visible containments are correctly measured

Fixes #7016

Changeset: 48ea2aadad11938cc5ddbd9a340c4ca1c997550d