atlassian / react-beautiful-dnd

Beautiful and accessible drag and drop for lists with React
https://react-beautiful-dnd.netlify.app
Other
33.36k stars 2.56k forks source link

isDraggingOver to be triggered based on cursor position #1728

Open Stoffy92 opened 4 years ago

Stoffy92 commented 4 years ago

Not sure if Bug or Feature request

I would like isDraggingOver to trigger when the cursor is in my TaskList.

This is what I've come up with. https://codesandbox.io/s/hardcore-ganguly-pmzxs

Heres a random JS fiddle I found using vanilla JS. http://jsfiddle.net/zfnj5rv4/

When you compare the two, my "dropzone" is not as consistent as the vanillaJS example. I'm not sure how the isDraggingOver is being triggered, but I would like it to be done when my cursor enters the dropzone. Which can be seen with the vanilla JS

ryantando commented 4 years ago

@Stoffy92 did you manage to solve this?

Stoffy92 commented 4 years ago

No, I didn't. Sorry.

I ended up using vanilla js, the feature got scrapped in the end anyway though.

On Wed, Oct 7, 2020 at 5:05 AM Ryan Tando notifications@github.com wrote:

@Stoffy92 https://github.com/Stoffy92 did you manage to solve this?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/atlassian/react-beautiful-dnd/issues/1728#issuecomment-704383922, or unsubscribe https://github.com/notifications/unsubscribe-auth/AJHJ6YP5NZP5EH3XRIDVIW3SJM547ANCNFSM4KNLCSJQ .