Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
SmailHammour opened this issue Jan 10, 2019 · 3 comments

Comments

@SmailHammour
Copy link

SmailHammour commented Jan 10, 2019

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 SmailHammour changed the title Hard to drop container when dropzone height is smaller than the dragged container Hard to drop item when dropzone height is smaller than the dragged item Jan 10, 2019
@elineopsommer
Copy link

@Hypercubed Any updates on this?

@Hypercubed
Copy link
Contributor

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

@boskee
Copy link

boskee commented Jun 16, 2019

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants