solid-dnd

solid-dnd copied to clipboard

Collision detection should use transformed layouts for droppables

2

Currently the original layout is used for droppable collision detection, but this can cause unnatural behaviour. For example, when sorting items of different heights.

martinpengellyphillips

There are currently aspects of the library that could be more reactive / effect driven, but are not today. It might be worth experimenting with leaning more into reactivity (e.g....

martinpengellyphillips

`onDragEnd` doesn't give x or y coordinates

7

While using this library, I noticed that there doesn't seem to be any way to get the exact x and y coordinate of the dragged item onto the drop area....

bluskript

Support variable sized sortables

5

The current (0.6.0) Sortable algorithm requires items to be the same dimensions for correct visual sorting. Otherwise, gaps and overlays occur. The previous algorithm attempted to handle this (for specific...

martinpengellyphillips

Nested drag and drop

16

Would be good to have an example of nested drag and drop, as well as test and improve the API if necessary for this use case. Imagine a classic filetree...

martinpengellyphillips

Preventing right click activating drag.

1

Hey Martin, Right clicking activates `onDragStart`, and the corresponding DragEventHandler doesn't seem like we can cancel the actual click event on our end. Is this something we'd intercept and `preventDefault()`...

timothyallan

Useful for collaboration (shared rule definition) and automating some good practices. See https://prettier.io/docs/en/integrating-with-linters.html for how to avoid conflicts with prettier. For example, consider turning on this [rule](https://github.com/import-js/eslint-plugin-import/blob/v2.25.3/docs/rules/group-exports.md) following discussion on...

martinpengellyphillips

Unit tests

1

Might make it easier to collaborate and enhance with confidence if some unit tests are added.

martinpengellyphillips

Example suggest add touch-action:none tips

2

Solid-dnd is great dnd package. I use https://solid-dnd.com/ example, but it can't drag in touch/mobile. Because i didn't know need add touch-action:none to Draggable Element. I use many hour until...

ymzuiku

Thanks for the great component I've been lookin for. **Sortable list (vertical)** in https://solid-dnd.com/#examples https://gist.github.com/stken2050/84de233a3f759c679dc0a6cbcfff6c50 as `Sortable.jsx` wokrs fine, but basically my projects are based on TS, TSX, so tried...

ken-okabe