Hi everyone :wave: I updated my compose version fr...

# compose-desktop

[Nicolas Patin]

Hi everyone 👋 I updated my compose version from 1.8.2 to 1.9.0-beta03 and I encountered the following bug on desktop.

When I click with mouse on a clickable element, the element keeps the focus in the same way that if I select this element with the keyboard (with the default LocalIndication).
I tried to debug it, and I found that the FocusInteraction.Unfocus is never called.
I found this old issue that seems close to mine, but I'm not sure.

Any idea if it's a bug or an accessibility feature ? Works fine on Android & iOS (no HoverInteraction / FocusInteraction calls, which seems logic)
(code & video in 🧵)
Thanks 🙂

[Nicolas Patin]

Minimal code reproduction :

Box(
    modifier = Modifier.fillMaxSize(),
    contentAlignment = Alignment.Center,
) {
    Column(
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.spacedBy(24.dp)
    ) {
        Text(
            modifier = Modifier.clickable {},
            text = "Click me",
        )
        Box(
            modifier = Modifier
                .clickable {}
                .background(Color.Cyan)
                .size(100.dp)
        )
    }
}

[Nicolas Patin]

The first time, I hover both items => ✅ indication is removed
The second time, I click on each item => ❌ indication stays

compose-1.9-focus.mp4

[Alexander Maryanovsky]

I’m not sure I understand the problem. Focus and hover indications are separate things.

[Nicolas Patin]

The main issue is that Text (or Box) keeps the focus after I clicked the element (with the mouse).
I expect the focus to stay only if I navigate with the keyboard.

[Alexander Maryanovsky]

Modifier.clickable makes the element focusable, and it requests focus on click.

[Alexander Maryanovsky]

It’s a bit surprising, I agree, but it’s as designed

[Alexander Maryanovsky]

If you only want to receive click events, use onClick or pointer events.

[Nicolas Patin]

Makes sense.
My last concern is that it was not working like that on Compose 1.8.2.
Didn't find anything about this on the 1.9 changelog, that's why I think it was a bug.

[Alexander Maryanovsky]

I’m not sure, maybe it was a bug that it was missing

[Alexander Maryanovsky]

Hmm, maybe I was wrong.
Whether the indication is showing is determined by the input mode. When you only use the mouse, the input mode should be InputMode.Touch, I guess, and the focus indication should not be shown.

[Alexander Maryanovsky]

I’ll look into it

[Alexander Maryanovsky]

Ok, I see where it’s coming from.
Until we fix it, you can get the old behavior by setting ComposeFoundationFlags.isNonComposedClickableEnabled = false somewhere at the start of your app.

[Nicolas Patin]

Hey Alexander, I just tested with this flag and it's working as expected, thanks 👍
Do you want me to fill an issue to this bug on YouTrack ?

[Alexander Maryanovsky]

No, I’m already on it.
https://youtrack.jetbrains.com/issue/CMP-8793/Focus-indication-shown-in-Modifier.clickable-even-when-not-using-the-keyboard

[Alexander Maryanovsky]

Thanks for reporting the problem though.