mohamedrejeb / compose-dnd

Compose DND is a library that allows you to easily add drag and drop functionality to your Jetpack Compose or Compose Multiplatform projects.

val mohamed = developer {
    about {
        name = "Mohamed Rejeb"
        company = Softylines.
        role = Kotlin_Tech_Lead
    }
    links {
        twitter = "MohamadRejeb"
    }
}

compose-dnd's Issues

On Long press trigger

Nice project man ! Its so useful, i was wondering if you could include a LongPress trigger so its more usable, also i'm having troubles to scroll, it detects the drag state.

Thank you for your contribution !

Unresolved reference to com.mohamedrejeb

Description

I'm trying to use the compose-dnd library in my project which is java project and I make an upgrade for some screens using jetcompose, but I'm encountering an unresolved reference issue when attempting to import the library.

Steps to Reproduce
Added the following dependency to build.gradle:

groovy

implementation 'com.mohamedrejeb.dnd:compose-dnd:0.2.0'

Tried to import the library in my Kotlin file:

import com.mohamedrejeb.compose.dnd.annotation.ExperimentalDndApi
import com.mohamedrejeb.compose.dnd.drop.dropTarget
import com.mohamedrejeb.compose.dnd.reorder.ReorderContainer
import com.mohamedrejeb.compose.dnd.reorder.ReorderableItem

I receive an unresolved reference error for mohamedrejeb

Additional Information
Android Studio version: Android Studio Electric Eel | 2022.1.1
Kotlin version: 1.7.9
Compose version: 1.2.0

Could you please provide guidance on resolving this issue or update the documentation with the correct usage instructions?

Thank you!

[Feature Request] Drag and drop triggered from an anchor point.

Demonstration from an old version of Tachiyomi:

ComposeDND.mp4

DragOver event

Currently you can use dragAndDropState?.draggedItem to find out when you are dragging item so we can show the drop target.

However it will be handy if we show the drop target only when we are over it or in close proximity.

Currently I have a lot of drop targets and when the dragging starts I have to show all of them even when the user is gonna drop only in a single one of them, instead I would want to only show the one that is bellow his drag item.

Wrong Z-index.

Hello. You have a nice library out here!

I found a problem.

When I drag my item I want it to be animated non active status to active status and then stared to drag. I am doing this by empty draggableContent. By the drag became with wrong z-index. See the video. Active item goes under non active item. I believe this is wrong.

ReorderableItem(
        modifier = modifier,
        state = reorderState,
        key = text,
        data = text,
        onDrop = {},
        onDragEnter = onDragEnter,
        draggableContent = {} <- empty
    ) {...}

vidma_recorder_09072024_134831.mp4

Enable disable drag feature

Externally from the Reorder container, enable and disable the functionality.

Scroll and drag problem

Hi. You have a great library here!

I found a problem with the animation of the reordering in the list and possibly an incorrect position calculation. This happens when the list is scrollable. Please watch the attached video.

You can see 2 problems:

1. When I take the first element and start to drag it down - it does not drag, but the list suddenly scrolls.

2. When I take an element from the middle of the list and drag it up - the list does not scroll up.

vidma_recorder_09072024_135730.mp4