Mayankaggarwal8055 opened a new pull request, #38471: URL: https://github.com/apache/superset/pull/38471
Problem World Map visualization keeps multiple regions highlighted when hovering in Chrome/Edge 145+. Previous regions fail to reset to default state, creating visual confusion. Firefox works correctly. [Issue #38378](https://github.com/apache/superset/issues/38378) Root Cause Custom .onmouseover.fillPreserve / .onmouseout.fillPreserve handlers in WorldMap.ts conflict with Datamaps' built-in highlightOnHover: true. Chrome 145 changed event ordering, preventing Datamaps' reset logic from executing. Before: javascript datamap.svg.selectAll('.datamaps-subunit') .on('contextmenu', handleContextMenu) .on('click', handleClick) .on('mouseover.fillPreserve', function() { /* preserve fill */ }) .on('mouseout.fillPreserve', function() { /* restore fill */ }); Solution Remove custom hover handlers entirely. Datamaps' native highlightOnHover already manages hover states correctly across browsers. After: javascript datamap.svg.selectAll('.datamaps-subunit') .on('contextmenu', handleContextMenu) .on('click', handleClick); Testing Local dev environment: npm run dev + superset run Chrome 145+, Edge 145+, Firefox 148 World Map chart in dashboard Hover multiple regions → previous highlights reset correctly ✅ Files Changed superset-frontend/plugins/legacy-plugin-chart-world-map/src/WorldMap.ts Closes #38378 -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
