visgl / visgl/react-google-maps

[Bug] Sluggish on Safari but normal in Chrome (other browsers)

Open
#761 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug
Dominant language
TypeScript
Stars
1.9k
Forks
193
Avg merge
3d 16h
Merged PRs (30d)
13

Description

Description

Guys,

Not sure whether this is a bug with the maps api or this package, but upon testing the clustering service on Safari (at the point where the majority of the markers are unclustered) the map panning becomes sluggish. From what I can see, this only seems to be the case on Safari. Other browsers work fine.

I noticed this first in my own code, but found that even with the Marker Clustering example on VisGL's website (VisGL Marker Clustering Example), same thing happens here.

Any opinion on whether this is in fact a bug or a way to resolve this issue?

Steps to Reproduce

Simply navigate to the example page https://visgl.github.io/react-google-maps/examples/marker-clustering, zoom in a bit for markers to un-cluster and then pan the map.
The code is available on this same example page.

Environment
  • Library version: v1.5.2
  • Google maps version: weekly
  • Browser and Version: Safari Version 18.4 (20621.1.15.11.10)
  • OS: Mac OS Sequoia 15.4.1 (24E263)

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 with the Marker Clustering example at https://visgl.github.io/react-google-maps/examples/marker-clustering and reproduce the sluggish panning in Safari 18.4 after zooming until markers uncluster. Compare the behavior with Chrome and determine whether the clustering service or the Google Maps API is responsible; done means identifying a reproducible cause and a supported resolution or clearly documenting the external limitation.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend, performance, 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.