visgl / visgl/deck.gl

[Bug] ArcGIS Click & Hover Events Not Firing in Chrome For Windows Users v9.0.40

Open
#9,737 0 comments 6 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug
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

  1. Open this Code Sandbox using Chrome on a Windows machine: https://codesandbox.io/p/devbox/laughing-cray-k2fgr3
  2. Observe an icon on an Esri map.
  3. Open the developer tools to get access to the dev console
  4. Hover and click the icon on the map.
  5. 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:

  1. Open this Code Sandbox on any browser on a Mac (or use FireFox on Windows): https://codesandbox.io/p/devbox/laughing-cray-k2fgr3
  2. Observe an icon on an Esri map.
  3. Open the developer tools to get access to the dev console
  4. Hover and click the icon on the map.
  5. Result: you will see hover and click logs being printed to the console because these events are working properly
Image
Environment
  • Framework version: deck.gl/arcgis@9.0.40
  • Browser: Chrome
  • OS: Windows 11
Logs

No response

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.