I am trying to make a composable draggable but also clickable, how can I do proper click routing? Co...

# compose

[Alex]

I am trying to make a composable draggable but also clickable, how can I do proper click routing? Code in 🧵

[Alex]

Currently the drag works perfectly with the following modifier:

composed {
    pointerInput(Unit) {
        coroutineScope {
            while (true) {
                val pointerId = awaitPointerEventScope { awaitFirstDown().id }
                awaitPointerEventScope {
                    horizontalDrag(pointerId) {
...

[Alex]

But when I add a clickable modifier, the click will always be detected, but the drag will never trigger anymore. Is there a way to combine a clickable with a drag (on clearing the touch slop)?

[Zoltan Demant]

This works for me 🙂

.pointerInput(Unit) {
    detectDragGestures { change, (x, y) ->
        change.consumeAllChanges()

        // Some drag stuff
    }
}
.clickable(
    onClick = { 
        // Some click stuff
    } 
)

[Alex]

This works fantastically, thanks a lot @Zoltan Demant

[Alex]

I will mention you in a code comment 😄

[Colton Idle]

I do this too!

Ian Lake, Adam Powell, Zach Klippenstein, Doris Liu, Jim Sproch, and Albert Chang are all over my code comments. A bunch of others too!