Disable picking click propagation for child-parent hierarchies.

[eager rover]

I just got the newly upstreamed Picking plugins to work! Currently I have a sprite with a click observer, and a child of that sprite with a similar click observer

// One parent and one child, does not need
// to be right on top of eachother for this
// "click propagation" to occur.
commands
  .spawn(...)
  .observe(|e: Trigger<Pointer<Click>>, ...| { println!("Parent clicked"); })
  .with_children(|parent| {
    parent
      .spawn(...)
      .observe(|e: Trigger<Pointer<Click>>, ...| { println!("Child clicked") });
  });

This system works fine. If we press the parent only "Parent clicked" will be printed. However if we decide to click the child element, both print statements are run. Is there any way of disabling click propagation for the child component? (So when we click the child, only "Child clicked" will be displayed). Thanks in advance :)

I just found the solution - couldn't find it online. The trigger Trigger<Pointer<Click>> has a .propagate(bool) method!

So to solve this problem all we need to do is to change the event to look something like this:

.observe(|mut e: Trigger<Pointer<Click>>, ...| {
  e.propagate(false);
  println!("Child clicked");
});