Z-index Modal Behavior

[bryce-happel-walton]

Bug Description

I would expect that when a component is covering another component, the component underneath would not receive user input.

Example video:
https://github.com/user-attachments/assets/f6e7b546-3652-42aa-9698-17274e5f0b92

Reproducible Code (if applicable)

export component App inherits Window {
 Button {
  clicked() => {
   modal.visible = !modal.visible;
  }
 }

 modal := Rectangle {}
}

Environment Details

• Slint Version: 1.11.0
• Platform/OS: macOS 15.4
• Programming Language: Slint
• Backend/Renderer: skia-opengl

Product Impact

My application is entirely keyboard controlled, so it does not affect me, but I would expect this behavior regardless.

[ogoffart]

By default, components are transparent for mouse / touch input.
The way to have them not recieve the input is to put a TouchArea in it.
So

export component App inherits Window {
 Button {
  clicked() => {
   modal.visible = !modal.visible;
  }
 }

 modal := Rectangle {
     TouchArea {}  //  <--- added a TouchArea to intercept all the events.
 }
}

[bryce-happel-walton]

Wouldn't this introduce performance overhead?

[ogoffart]

Very small.
You can also do modal := TouchArea {} and skip the rectangle if you're worried