Mouseenter & mouseleave events in javascript

Related app/team name (not a must if you want to keep it private): Dota Coach App / Game: Dota 2

Issue Description: I can’t detect when the mouse moves from one HTMLElement to another. In Javascript usually the triggered event has the property ‘relatedTarget’ (MouseEvent.relatedTarget - Web APIs | MDN), which can be used for that purpose. But somehow this is not the case on the Overwolf platform.

Can you reproduce it (exact steps to reproduce):

  • Implement the below code on one HTML Element in an app
  • Move with the mouse in and out of that element
  • See what the console logs

Code:
.addEventListener(‘mouseout’, function(event) {
console.log(mouseout event.relatedTarget = ${JSON.stringify(event.relatedTarget)})
}
Output:
mouseout event.target = {}

Impact for my app: [e.g. x% of the users complained about it, it’s a show-stopper]
Do you currently have a workaround? There is no workaround. The user experience is bad.

Please reproduce and attach a zip package of your OW client logs
Please mention the time of the event so we can find it easily in the logs

HI @Michel,

I implemented your code in an existing app. And it worked as expected.
I recommend you create a “clean” new demo app that tests it. And let me know.

Thanks.

I found the issue. You can close this ticket. Thanks!

1 Like