onScroll event propagation

[O4epegb]

onScroll event propagation

[gaearon]

If you'd like to file an RFC, please send a pull request.

[necolas]

@O4epegb Yes this is indeed weird behavior. React also bubbles blur and focus, which requires the same mitigation strategy. These are old decisions in the early versions of ReactDOM, which makes it difficult to change the behavior of those event props going forward (as there is no straight-forward way to deprecate the existing behavior for a period of time). It's also difficult to automatically analyze code for dependencies on the non-standard behavior, and most apps will not have automated test coverage to catch UX/a11y regressions if the behavior changes.

Something a few of us (not the core team) have been working on is a new ReactDOM event API that's independent of the existing event props. This allows us to have a fresh start and undo some of these decisions. In the meantime, I think your mitigation strategy (or calling stopPropagation) is a suitable work-around.

[gaearon]

There's also media events that all have the same problem.

[theKashey]

I would not call it a problem.
You are getting an ability to observe more events, having an ability to understand should you react or not to those events as well.
The only real problem with even bubbling are portals, where user ability to understand a location of the event (one could traverse from target to currentTarget) is broken - facebook/react#14540

[O4epegb]

It seems like that behaviour gonna be fixed in v 17.
facebook/react#19464
Should we close this issue now?