I have two divs, let's call them a and b. Both of them have {:onMouseEnter f} maps in their [:div ...] vectors. Both have a single child. The only difference is that for a, the child does not take up all of the space of a, but for b, the child does take up all of the space of b. When I move the mouse cursor into them, event.target becomes a for a, but b's child for b. How come? I tried it with pure JavaScript, and it does not act like this. https://codepen.io/anon/pen/gVOWoG?editors=1111 Here, the parent always becomes the target.

I tried adding padding to b, so that it, like a, was bigger than its child, and then b started becoming the event.target

Oh, apparently addEventListener takes a third argument that affects this, useCapture

Does anyone know of a way to give the argument I want to use for useCapture?

React docs have some info: https://reactjs.org/docs/events.html#supported-events

> The event handlers below are triggered by an event in the bubbling phase. To register an event handler for the capture phase, append Capture to the event name; for example, instead of using onClick, you would use onClickCapture to handle the click event in the capture phase.

is there any documentation on how ratoms/tracking/reactions actually are supposed to work?

I’m curious how ratoms/reactions handle disposal

haven't found any - have been reading ratom.cljs and component.cljs and observing execution using dirac

@lilactown fwiw, though i thought there were some inaccuracies, i got some related hints here about ratoms and components: https://www.reddit.com/r/Clojurescript/comments/9im81n/how_does_reframe_know_which_component_to_render/e6lrsc5/