Hard to drop item when dropzone height is smaller than the dragged item

SmailHammour commented 5 years ago

I'm submitting a ... (check one with "x")

[x] bug report => Search github for a similar issue or PR before submitting
[ ] feature request
[x] support request => Sorry, we will not be able to answer every support request.  Please consider other venues for support requests

Current behavior When dragging a container with a height bigger than the dropzone it's very difficult to find the right spot to drop the container.

Expected behavior Make it easier to drop a container into a dropzone when the height is bigger.

Reproduction of the problem ezgif com-video-to-gif

What is the motivation / use case for changing the behavior? Improve UX

Please tell us about your environment:

ngx-dnd version: 6.0.0
Angular version: 7.0.0
Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
Language: [all | TypeScript X.X | ES6/7 | ES5]

elineopsommer commented 5 years ago

@Hypercubed Any updates on this?

Hypercubed commented 5 years ago

@elineopsommer I don't. It's something hard to get right and at the moment we are relying on Dragula to handle that.

boskee commented 5 years ago

While not an actual fix, I've handled that by adding following to the droppable container:

 [style.padding-bottom]="isDragging ? '30px' : 0"

swimlane / ngx-dnd

Hard to drop item when dropzone height is smaller than the dragged item #136