delegation for mouse.enter on <tr> doesn't work

[bill]

Got stuck on #7111 because I couldn't use event delegation to catch mouse.enter and mouse.exit events on MenuItems, which are <tr> nodes:

on(dom.byId("tbody"), on.selector("tr", mouse.enter), function(evt){
	console.log("mouse enter delegated", evt);
});

Delegation was fixed in general in #13849, but this is still broken. Connecting directly to the <tr> node works:

query("tr").forEach(function(tr){
	on(tr, mouse.enter, function(){
		console.log("mouse enter on TR itself");
	});
});

See attached test case.

[bill]

test case, put in dojo/tests

[Kris Zyp]

In [27489]:

Rework mouse.enter/mouse.leave to work properly with selectors by using the selector itself to compare the exit and entry nodes for filtering the event, fixes #14509 !strict

[Kris Zyp]

Should I check in your tr.html and selector.html test files (even though they aren't automated)?

[bill]

Hi Kris, I figured for dojo core you would use on.emit() to test behavior like this? Or on.emit() won't reproduce the error?

[Kris Zyp]

In [27495]:

Add mouseenter test, refs #14509 !strict