Button stays "highlighted" when covered by another TouchArea

This came up while trying to implement a "modal dialog" using a transparent rectangle with a TouchArea covering the window: If a button is pressed and the clicked callback makes TouchArea visible that covers the point where the button was clicked, the button stays in a "highlighted" state. Here is a simplified example:

fn main() {
    MainWindow::new().unwrap().run().unwrap();
}

slint::slint! {
    import { Button } from "std-widgets.slint";

    export component MainWindow inherits Window {
        width: 200px;
        height: 200px;

        Button {
            x: 10px;
            y: 10px;
            text: "Open";
            clicked => { r.visible = true; }
        }

        r := Rectangle {
            width: parent.width;
            height: parent.height;
            visible: false;
            TouchArea {}
            Button {
                x: 100px;
                y: 100px;
                text: "Close";
                clicked => { r.visible = false; }
            }
        }
    }
}

It is pretty noticable in the fluent-dark style:

Before pressing the button: before

After pressing the button: after

slint-ui / slint

Button stays "highlighted" when covered by another TouchArea #2919