Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Sortable - onClick event fired when moving a SortableItem to a lower index

See original GitHub issue

Hi !

I’m facing an issue using sortable: when I’m moving a SortableItem from right to left, the onClick event is fired along the onDragEnd event. This isn’t happing if I’m moving my item to the right.

Here is the simple sample of code I’m using:

                        items={ =>}
                        { => (
                                onDeleteClick={() => {
                                onClick={() => console.log('onClick fired')}
                        <Add onClick={onOpen} />

And here is a video of what’s happening: ezgif com-gif-maker (1)

Is this an expected behavior ? Do I miss something ? Is there a way to completely silent onClick when the Item has been dragged ?

Thank you !

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:4
  • Comments:11 (2 by maintainers)

github_iconTop GitHub Comments

lonkcommented, Mar 31, 2021

Hi @clauderic !

Thank you for your quick reply.

Your workaround doesn’t work in my case because onDragEnd is fired before onClick so I think I’ll go with the DragOverlay workaround 😃

Have a nice day !

ShakurOocommented, Jun 21, 2021

Same problem. The onClick event attached to the button inside my draggable element doesn’t trigger anything 😕

Read more comments on GitHub >

github_iconTop Results From Across the Web

Jquery sortable 'change' event element position - Stack Overflow
Since the element where drag starts is ui.helper , and the element of current position is ui.placeholder , we can take the elements...
Read more >
JavaScript Drag & Drop Sortable List Project - YouTube
Learn the drag & drop API, array methods, spread operator, and DOM manipulation in this vanilla JavaScript projectFull 20 Projects ...
Read more >
How To Build Sortable Drag & Drop With Vanilla Javascript
IMPORTANT:1 Year Free Hosting: code KYLE for an additional $50Drag and drop is something that ...
Read more >
move - API Reference - Kendo UI Sortable - Documentation
move. Fires when Sortable's placeholder changes its position. Event Data ... The Sortable widget instance which the item belongs to (useful in case...
Read more >
How to move an item programmatically with jQuery sortable ...
This works fine except it does not trigger the sortable events like change or update. I have a function which is run on...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found