How to handle clicks on different objects differently?

[BronzeCrab]

So, let's say I have one Text and one Rectangle. And I'm adding separate observe systems. But for some reason on_txt_click system is always triggers, like it handle every click on any point. And I can't handle click on Rectangle. My code:

use bevy::prelude::*;

use bevy::render::settings::*;
use bevy::render::RenderPlugin;

fn main() {
    App::new()
        .add_plugins((
            DefaultPlugins.set(RenderPlugin {
                render_creation: WgpuSettings {
                    backends: Some(Backends::GL),
                    ..default()
                }
                .into(),
                ..default()
            }),
            MeshPickingPlugin,
        ))
        .add_systems(Startup, setup)
        .run();
}

fn setup(
    mut commands: Commands,
    mut meshes: ResMut<Assets<Mesh>>,
    mut materials: ResMut<Assets<ColorMaterial>>,
) {
    commands.spawn(Camera2d);

    // Text with one section
    commands.spawn((
        // Accepts a `String` or any type that converts into a `String`, such as `&str`
        Text::new("hello\nbevy!"),
        TextFont {
            // This font is loaded and will be used instead of the default font.
            // font: asset_server.load("fonts/FiraSans-Bold.ttf"),
            font_size: 32.0,
            ..default()
        },
        // Set the justification of the Text
        TextLayout::new_with_justify(JustifyText::Center),
        // Set the style of the Node itself.
        Node {
            width: Val::Percent(100.0),
            height: Val::Percent(100.0),
            align_items: AlignItems::Center,
            justify_content: JustifyContent::Center,
            ..default()
        },
    )).observe(on_txt_click);

    commands.spawn((
        Mesh2d(meshes.add(Rectangle::new(50.0, 50.0))),
        MeshMaterial2d(materials.add(Color::BLACK)),
        Transform::from_xyz(50.0, 50.0, 0.0),
    )).observe(on_rect_click);

}

fn on_txt_click(
    click: Trigger<Pointer<Click>>,
    mut texts: Query<&mut TextColor>
) {
    println!("click on text");
}

fn on_rect_click(
    click: Trigger<Pointer<Click>>,
    mut transforms: Query<&mut Transform, With<Mesh2d>>,
) {
    println!("click on rect happened");
}

How i can handle click on Rectangle in this case?

[Freyja-moth]

You've set the width and the height of the text to 100%, meaning it covers the entire screen and is catching all of the clicks

Try setting a background color on the text and you'll see what I mean.

If you remove the width and height it should work fine, if it still doesn't work try adding

PickingBehavior {
    should_block_lower: false,
    ..Default::default()
}

which will stop the text from blocking pointer hits

[Freyja-moth]

I just realized you've solved this as I sent that but I'll leave it up in case anyone else is having this same issue