[Bug] ArcGIS Click & Hover Events Not Firing in Chrome For Windows Users v9.0.40
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 14.6k
- Forks
- 2.3k
- Avg merge
- 2d 9h
- Merged PRs (30d)
- 42
Description
Description
Description
When using @deck.gl/arcgis v9.0.40, IconLayer click and hover handlers don't work for Windows users who are using Chrome. We are seeing this same bad behavior in the PolygonLayer as well for Chrome users on Windows.
I've created a Code Sandbox example where I use javascript to render an icon to the Esri map using an IconLayer. Hovering and clicking the icon will produce console logging messages for users on a Mac, but there will be no logs for Windows users who hover or click the icon on Chrome. Hover and Click handlers will however work for Windows Users on Firefox.
❌ This sandbox reproduces the problem. Mac users' hover and click events will fire regardless of browser but will not for Windows users on Chrome.
🔗 Broken Example (v9.0.40)
Upgrading to deck.gl/arcgis v9.1.x is unfortunately not an option since layers don't render to the map as mentioned in this bug report
Flavors
- Script tag
- React
- Python/Jupyter notebook
- MapboxOverlay
- GoogleMapsOverlay
- CARTO
- ArcGIS
Expected Behavior
As a Windows user using Chrome, I expect hover and click events for IconLayer and PolygonLayer to fire.
Actual Behavior: Hover and Click events for elements within the IconLayer and PolygonLayer do not fire. If I switch to FireFox or switch to a Mac, hover and click events will fire as expected.
Steps to Reproduce
Observe the Bug
- Open this Code Sandbox using Chrome on a Windows machine: https://codesandbox.io/p/devbox/laughing-cray-k2fgr3
- Observe an icon on an Esri map.
- Open the developer tools to get access to the dev console
- Hover and click the icon on the map.
- Result: no logs will be printed to the console as the hover and click events will not fire
Prove that this works on a Mac:
- Open this Code Sandbox on any browser on a Mac (or use FireFox on Windows): https://codesandbox.io/p/devbox/laughing-cray-k2fgr3
- Observe an icon on an Esri map.
- Open the developer tools to get access to the dev console
- Hover and click the icon on the map.
- Result: you will see hover and click logs being printed to the console because these events are working properly
Environment
- Framework version: deck.gl/arcgis@9.0.40
- Browser: Chrome
- OS: Windows 11
Logs
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by running the linked CodeSandbox with @deck.gl/arcgis v9.0.40 in Chrome on Windows, then compare Firefox or macOS behavior. Focus on the IconLayer and PolygonLayer hover and click event paths. Done means both event handlers fire for Windows Chrome users without breaking the ArcGIS rendering behavior reported for v9.1.x.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, typescript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100