Opened 13 years ago
Closed 9 years ago
#7016 closed bug (fixed)
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:
- Move the object to the bottom of the container
- Now, again select the object and try to move it out of the container downwards
- 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
Change History (15)
comment:1 Changed 13 years ago by
comment:2 Changed 11 years ago by
Milestone: | 1.9.0 → 2.0.0 |
---|
comment:3 Changed 11 years ago by
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.
comment:7 Changed 10 years ago by
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/.
comment:8 follow-up: 13 Changed 10 years ago by
Ok.. one more revision. If you use both a border and padding it resolves. If you use only one, the problem persists.
comment:10 Changed 10 years ago by
Reduced the test case against master a bit: http://jsfiddle.net/tj_vantoll/Q4bkR/
comment:11 follow-up: 12 Changed 10 years ago by
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/
comment:12 Changed 10 years ago by
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?
comment:13 Changed 10 years ago by
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...
comment:15 Changed 9 years ago by
Milestone: | 2.0.0 → 1.11.2 |
---|---|
Owner: | set to mikesherov |
Status: | open → assigned |
I know what's doing this. PR coming soon.
comment:15 Changed 9 years ago by
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.