Opened 3 years ago

Last modified 3 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

Change History (1)

comment:1 Changed 3 years ago by Scott González

Status: newopen

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.

Note: See TracTickets for help on using tickets.