Comments (2)
same problem, the example doesn't work for me, every time I click isDragging
becomes true
from dnd-kit.
Ran into this as well. I found that the best solution is to add a distance
activation constraint. That delays the dragging until the user drags the cursor a certain number of pixels. You can just set your href as you usually do.
For me, at 20 pixels all the links worked as expected and the drag start also felt natural.
const sensors = useSensors(
useSensor(PointerSensor, {
activationConstraint: {
distance: 20,
},
}),
);
Storybook: Minimum Distance – X Axis
from dnd-kit.
Related Issues (20)
- `useDroppable` doesn't work on root component HOT 1
- Storybook not working HOT 1
- useSortable draggable items moving twice HOT 2
- When I quickly move an item from one column to another empty column, the item gets deleted from the list. HOT 1
- Unable to scroll with mouse wheel when dragging HOT 2
- Mobile autoscroll is jumpy / jerky HOT 2
- Sortable in modal - `keydown` event propagation issue
- useDroppable changing state in useIsomorphicLayoutEffect forces a nested update
- Sortable when translating page - Uncaught DOMException: Failed to execute 'removeChild' on 'Node'
- Draggable element does not recalculate position after window resize and gets out of edges
- "Maximum update depth exceeded." in handleMove
- How to "freeze" items so that they always remain in the same location in vertical sortable lists? HOT 1
- Iframe drag&drop issue HOT 1
- useSortable data prop is spreaded and hence only copies owned properties.
- onDragCancel gets called when the iframe body height changes its width while an item is dragged
- Sortable with flex wrap
- useSortable re-renders all items even with just clicking one item, affecting performance HOT 5
- Scroll while dragging broked if container with dragable elements has `scroll-behavior: smooth`
- Issue with framer motion integration HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from dnd-kit.