Opened 7 years ago
Last modified 7 years ago
#14989 open bug
Droppable and container with `overflow:hidden` accept drop where it shouldn't be.
Reported by: | charles bourasseau | 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
Note: See
TracTickets for help on using
tickets.
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.