ngx-dnd icon indicating copy to clipboard operation
ngx-dnd copied to clipboard

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

Open SmailHammour opened this issue 6 years ago • 3 comments

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]

SmailHammour avatar Jan 10 '19 11:01 SmailHammour

@Hypercubed Any updates on this?

elineopsommer avatar May 29 '19 07:05 elineopsommer

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

Hypercubed avatar May 29 '19 16:05 Hypercubed

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

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

boskee avatar Jun 16 '19 01:06 boskee