SVG mouseover behaviour broken in Chrome 144.0.7559.60

[radarsh]

Since Chrome 144.0.7559.60, when we mouseover the countries in the map, a persistent orange background appears and we cannot perform click events.

This is also reproducible in your own demo page.

https://datamaps.github.io/

[sa-dimeny]

The issue appears to be caused by the following code inside handleGeographyConfig:

if (!/((MSIE)|(Trident))/.test(navigator.userAgent)) { moveToFront.call(this); }

Commenting out or removing this block seems to resolve the issue.
Seems to only affect Chrome (or chromium-based) browsers, as it still works fine in Firefox.

[PaulDeac]

Any chance that this gets fixed anytime soon?

[markmarkoh]

Thanks @radarsh and @sa-dimeny

I haven't deployed this package in almost 10 years, so that was a blast from the past. I think I did it all right. 0.5.10 has the fix.

[radarsh]

Thanks @markmarkoh for getting this merged and released too. It's still a great package.

[enzorevo]

The new 0.5.10 version of datamaps.all is very very heavy (>5MB) compared to the old, is there any added complexity?

[markmarkoh]

@enzorevo there was definitely a change. Can you use datamaps.world (or datamaps.usa / country specific version) rather than all?

Unfortunately this goes back further than my personal context window (LLM joke?). I'm not sure why "all" wasn't actually "all" - it was just world + usa, and now it is literally all the countries + world.