Is there a way to make a `Text` that has a clickable modifier not be focusable?

# compose-desktop

[eygraber]

Is there a way to make a Text that has a clickable modifier not be focusable?

[Alexander Maryanovsky]

Try

Modifier.focusProperties{ canFocus = false }

[eygraber]

That didn't work (neither did focusable(false) or using both together)

[Alexander Maryanovsky]

The focusProperties need to come first. This works for me:

fun main() = singleWindowApplication {
    var text by remember { mutableStateOf("") }
    Column {
        TextField(text, { text = it })
        Text(
            text = "Hello",
            modifier = Modifier
                .focusProperties {
                    canFocus = false
                }
                .clickable {
                    println("Clicked")
                }
        )
    }
}

[eygraber]

Putting them first worked. Thanks!

[Adam Brown]

I know this is compose, not compose desktop related, but the fact that order can subtly and silently break things like this feels like a big weakness of the framework

[Alexander Maryanovsky]

It’s a feature, not a bug. Modifier order matters.

[Alexander Maryanovsky]

Modifier.padding().border() is not the same as Modifier.border().padding()

[Alexander Maryanovsky]

But I agree that sometimes it’s unexpected

[Adam Brown]

ah I can see that, suppose I just need to get more familiar with it