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.
Adding data-drag-handle doesn't always work
See original GitHub issueDescribe the bug
On a simple component, like the drag handle example, adding data-drag-handle makes dragging only work for that element.
On something more complicated, it doesn’t.
Steps to Reproduce / Codesandbox Example
- Go to https://codesandbox.io/embed/simplified-tiptap-editor-example-5s2k3
- Drag one of the “Set of fields” blocks from anywhere.
Expected behavior
Dragging should only work when dragging from the handle (the darker box on the top right with the =)
Additional context
I know that something could probably be done using stopEvent, but I can’t work out what.
I tried something along those lines, but it would also affect events within the nested inputs.
Issue Analytics
- State:
- Created 4 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
@Greenscreener Could you please provide a code sample? I’m struggling with this right now. I tried adding the hidden div as suggested by the OP but that did not work for me. I’m able to click and drag but when I drop the element stays in it’s original position.
Thank you. After a comparison the only difference I could find is that I was extending Mark and the example extends Node. After changing my element to extend node I can now drag and drop!