Fork me on GitHub

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, 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. 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


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?


> 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: