Whenever an event fires on a control inside an HTML document, it "bubbles" up to the parents - to allow the
parents to react to that event as well. This is a standard feature of all modern browsers; read more about it
In QCubed, we sometimes may want events to stop bubbling up the DOM tree. To do this, we use StopPropagation.
Below are two examples. In each, you'll see a panel that responds to click events. In the first example, both the inside panel
and the outside panel capture the click inside the innermost panel 2 - event bubbling in action.
The second example shows how to stop the bubbling effect using StopPropagation. When you click inside the innermost
panel 4, only panel 4 will respond to the click, and the click handler will never be called for panel 3.