Search and Top Navigation
#7016 closed bug (fixed)
Opened February 18, 2011 11:40AM UTC
Closed August 17, 2014 06:41PM UTC
Draggable: draggable can be pulled out of containment in Chrome and IE8
| Reported by: | Trainmaster | Owned by: | mikesherov |
|---|---|---|---|
| Priority: | minor | Milestone: | 1.11.2 |
| Component: | ui.draggable | Version: | 1.8.9 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
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
Attachments (0)
Change History (15)
Changed February 18, 2011 12:53PM UTC by comment:1
Changed October 11, 2012 02:49PM UTC by comment:2
| milestone: | 1.9.0 → 2.0.0 |
|---|
Changed October 27, 2012 07:42PM UTC by comment:3
| status: | new → open |
|---|---|
| summary: | Draggable object pops out from container (Chrome + IE 8) → Draggable: draggable can be pulled out of containment in Chrome and IE8 |
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.
Changed April 28, 2013 04:46PM UTC by comment:6
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/.
Changed April 28, 2013 04:49PM UTC by comment:7
Ok.. one more revision. If you use both a border and padding it resolves. If you use only one, the problem persists.
Changed July 16, 2013 02:43PM UTC by comment:9
Reduced the test case against master a bit: http://jsfiddle.net/tj_vantoll/Q4bkR/
Changed September 06, 2013 12:59PM UTC by comment:10
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.
Changed September 10, 2013 01:00AM UTC by comment:11
Replying to [comment:11 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?
Changed October 16, 2013 09:48AM UTC by comment:12
Replying to [comment:8 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...
Changed November 30, 2013 08:30PM UTC by comment:13
#9685 is a duplicate of this ticket.
Changed August 17, 2014 01:45AM UTC by comment:14
| milestone: | 2.0.0 → 1.11.2 |
|---|---|
| owner: | → mikesherov |
| status: | open → assigned |
I know what's doing this. PR coming soon.
Changed August 17, 2014 06:41PM UTC by comment:15
| resolution: | → fixed |
|---|---|
| status: | assigned → closed |
Draggable: Ensure overflow:visible containments are correctly measured
Fixes #7016
Changeset: 48ea2aadad11938cc5ddbd9a340c4ca1c997550d
I also noticed this problem in Chrome 9 and IE8.