Search and Top Navigation
#14989 open bug ()
Opened June 27, 2016 08:03AM UTC
Last modified June 27, 2016 01:51PM UTC
Droppable and container with `overflow:hidden` accept drop where it shouldn't be.
| Reported by: | cbou | Owned by: | |
|---|---|---|---|
| Priority: | minor | Milestone: | none |
| Component: | ui.droppable | Version: | 1.11.4 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
Scenario:
The element which accepts draggable is inside a container which has overflow:hidden. This container is also smaller which limits the droppable zone by CSS.
When I take the draggable over the droppable but outside the container, the draggable is dropped into the droppable.
To me it shouldn't because the container is limiting the droppable.
http://jsbin.com/xuranibiwo/1/edit?html,css,js,console,output
Attachments (0)
Change History (1)
Changed June 27, 2016 01:51PM UTC by comment:1
| status: | new → open |
|---|
I agree this is unexpected behavior, but I don't think there's any API for getting the dimensions you want. We'd have to walk the DOM for every droppable and inspect overflow, dimensions, scroll position, etc. Add to that the fact that the containing elements can scroll during drag and the cost of calculating positions will probably become so expensive that dragging will be a very poor experience.
I'm marking this as valid, but I wouldn't expect this to be addressed any time soon.