I have an `onPointerEvent(PointerEventType.Release)` modifier, and an `onClick` modifier on the same...

# compose-desktop

[Marcin Wisniowski]

I have an onPointerEvent(PointerEventType.Release) modifier, and an onClick modifier on the same element, which closes the window. The click release event is never delivered, regardless of the modifier order (the window closes before the event is delivered). How can I properly ensure that I get the click release event?

[Alexander Maryanovsky]

If the target element is gone after Press, there’s nothing to deliver the Release to.

[Marcin Wisniowski]

onClick fires when you release the mouse button, so they happen at the same time. Sometimes I get the Release event, sometimes I don't, seems like some race condition. It makes sense to me, but I'm looking for a solution. My problem is that my close button gets visually "stuck" in the pressed state when I reopen the window, because it was never told the cursor was released.

[Alexander Maryanovsky]

You can launch the closing of the window in a coroutine (effectively waiting for the current event processing to complete)

[Marcin Wisniowski]

Hmm, that worked, thank you. Though now my close button gets "stuck" in the hover state, because PointerEventType.Exit is never delivered. The cursor technically never leaves the button before it's gone with the window, so it does make sense. 🤔

[Alexander Maryanovsky]

You can try `key`ing your button (or the entire UI) to something that changes when you re-open it.

[Alexander Maryanovsky]

Why is it still part of the composition after it’s “closed” though?

[Marcin Wisniowski]

When the button is clicked, I set visible = false on the Window, so the window is still composed, just not visible.

[Alexander Maryanovsky]

You can wrap it in an if instead. Then it’ll be gone.

[Marcin Wisniowski]

I know, this is on purpose though because it makes reopening the window much faster.

[Alexander Maryanovsky]

Then key the button, or remove the indication from it.

[Alexander Maryanovsky]

It’ll still be stuck in hover, but it won’t be visible.

[Marcin Wisniowski]

to something that changes when you re-open it

LaunchedEffect(windowOpenTimestamp) {
    state.isHovered = false // Window was just opened, clear hover
}

This worked. Though because it clears the hover state when the window is reopened, and the button hover state to normal state transition is animated, you can still see the button animating back to the normal state when you reopen the window. But it's barely noticeable so I can live with that! Thanks.

[Alexander Maryanovsky]

Use key(windowTimestampOpen) { Button() }

[Marcin Wisniowski]

That does fix it completely 🎉