Skip to main content

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 scottgonzalez comment:1

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.