How do I detect clicks on the background of a layout with buttons and labels inside?

[CanisLupus]

Hi! I'm struggling to create an area with buttons/labels inside, whose background I can also click (to do something custom).

I know about Sense but it can't be added to a layout, a frame, or a scope. I've tried an Area with disabled drag, but it doesn't expand to the size of its contents. I've tried detecting clicks on rectangular area myself but it will catch all the clicks, including to buttons in the area.

Do you know how I can achieve this? Thanks!

[CanisLupus]

I accidentally stumbled upon interact_bg just now 😅

You can call it with a Sense inside the widget you are drawing, and the background will detect that Sense:

ui.vertical(|ui| {
    // draw some buttons, labels, etc

    if ui.interact_bg(egui::Sense::click()).clicked() {
        // click-related code
    }
});

Keep in mind that interact_bg works with the ID of the parent element you are drawing, so if you have multiple ones they will each require a custom ID, which you can give them with push_id.