SelectionContainer not work with any clickable component

[HuixingWong]

SelectionContainer {
       ClickableText(
           text = AnnotatedString("Click Me"),
           onClick = { offset ->
               println("ClickableText $offset -th character is clicked.")
           }
       )
   }

This code works fine on Android but does not respond to desktop clicks

[akurasov]

Reproduced on 1.0.0

[theapache64]

Any update on this guys?

[wgryglas]

I can confirm it does not work still (compose 1.1.1, kotlin 1.6.10)

I was trying to wrap the Text with a Box as an InlineTextContent instead of using ClickableText in order to capture clicks - I thought ClickableText was the only one affected.
It turns out that the "hover" event propagates correctly because the interaction (background highlight) works.
However, the "click" event is not.

It seems SelectionContainer somehow prevents propagating the click event deeper to the remaining composables

[HuixingWong]

@akurasov 😂 ？

[fnfunfunc]

Is this problem solved?

[gandrewstone]

Is this problem solved?

no @ compose 1.4.0, but you might solve your problem by wrapping the part you want to be clickable in DisableSelection.
something like:

SelectionContainer {

Text("selectable text")

DisableSelection {
Button(onClick = {
println("clicked!!") }) { Text("click me") }
}
}

}

[ialokim]

Here is another workaround which leaves the whole text selectable:

    var lastLayoutResult: TextLayoutResult? by remember { mutableStateOf(null) }

    BasicText(
        text = formattedString,
        modifier = modifier
            // workaround for https://github.com/JetBrains/compose-multiplatform/issues/1450
            // todo: when fixed, change to ClickableText and move logic to onClick parameter
            .onPointerEvent(PointerEventType.Release) {
                val offset = lastLayoutResult?.getOffsetForPosition(it.changes.first().position) ?: 0
                formattedString
                    .getStringAnnotations(tag = "link", start = offset, end = offset)
                    .firstOrNull()
                    ?.let { annotation ->
                        handleLink(annotation.item)
                    }
            },
        onTextLayout = { layoutResult ->
            lastLayoutResult = layoutResult
        }
    )

[sunny-chung]

The workaround using DisableSelection is not working in Compose Multiplatform 1.6.0-beta02. After clicking a selectable text, and then click the image button, the clickable handler is not triggered. It is only triggered on the consecutive second click.

var count by remember { mutableStateOf(0) }

SelectionContainer {
        Row {
            DisableSelection {
                Image(
                    painter = painterResource("copy-to-clipboard.svg"),
                    colorFilter = ColorFilter.tint(Color(0f, 0f, 1f)),
                    contentDescription = null,
                    modifier = Modifier.size(40.dp)
                        .clickable(onClick = { ++count })
                )
            }
            Text(text = "Count: $count", fontSize = 40.sp)
        }
}

[okushnikov]

Please check the following ticket on YouTrack for follow-ups to this issue. GitHub issues will be closed in the coming weeks.