visgl / visgl/react-google-maps
[Bug] Oversized clickbox on custom marker cluster in example
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 1.9k
- Forks
- 193
- Avg merge
- 3d 16h
- Merged PRs (30d)
- 13
Description
Description
When following the example, the clickbox for each cluster is oversized just above the marker. It seems that this is related to the anchor being in the middle.
I haven't found a way to resolve this. Does anyone have an idea? Thank you. This repo has been phenomenal.
Steps to Reproduce
The easiest way to replicate is to go to the example and hover your cursor slightly above any cluster
https://visgl.github.io/react-google-maps/examples/custom-marker-clustering
Environment
- Library version: v1.5.2
- Google maps version: weekly
- Browser and Version: Chrome 133.0.6943.142
- OS: Mac OSX
Logs
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 reproducing the hover behavior in the custom marker clustering example at the linked URL, using the reported library, browser, and Google Maps versions where possible. Investigate how the custom cluster marker's anchor and clickable area are defined; done means the hover and clickbox align with the visible cluster marker without affecting other clusters.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 30/100