I am making a UI where one interactive component can resize when I drag on a control. There are other parts of the UI outside of that component that have to respond to the same dragging. If I put the drag in the interactive component then it can best manage it’s internal state independent of the main app. Doing this mean that I cannot have the main app respond to the drag interaction. If I put the drag interaction on the main app, then I need to recreate all the state interactions of the interactive component making its existence kinda pointless.
If I could have a drag interaction on the interactive component, then another drag interaction on the same element in the main app (on the instance) that doesn’t override the internal interaction but fires both of them. I could get both internal state management and a higher level interaction.