How to stop propagation of HTML DOM event without breaking nested components?

## Summary

1. `event:stopPropagation` directive does not affect HTML DOM events.
2. `stopPropagation()` on HTML DOM event breaks Blazor event handlers in the element's subtree:

see live [demo](https://blazorrepl.com/repl/wFkCFClH42P3w6Os25):
```razor

```
**Is there any way to stopPropagation of JS event without breaking blazor functionality?**

## Motivation

I have some 3rd party javascript event handlers on the parent component. I some cases, I don't want the DOM events to propagate to them.

Start with the linked Blazor REPL demo and reproduce the nested button behavior with event.stopPropagation() and the event:stopPropagation directive. Trace how DOM events reach Blazor handlers; done means a JavaScript event can stop propagation to third-party parent handlers without preventing Blazor handlers in the element subtree.

Written by the indexing model from the issue text.