mapbox / mapbox/mapbox-gl-js

Icons disappear at certain zoom levels in Safari only, but are still clickable

Open
#11,053 8 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug :lady_beetle:
Dominant language
TypeScript
Stars
12.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

Hi,

I am having a very strange Safari issue. On zooming in and out some of our pins that are drawn using a symbol layer appear and disappear.

https://user-images.githubusercontent.com/142855/134563726-870a36c0-4849-4562-bd06-c1e653d3f6e1.mov

It is not shown in the video but when the pins are not visible they are still clickable. I have checked in both Chrome and Firefox and the problem does not happen.

I have tried v2.4, v2.3 and v.2.2 and the problem appears in all of them. I also checked out main and the problem is also present. Strangely I did find a single commit where the issue is not a problem, the video below shows that commit in action
457f808ad2ecdb90b2c2f5511734f1a2f0790740

https://user-images.githubusercontent.com/142855/134564184-afe86510-4b9f-4094-aad7-8a9c25797123.mov

I understand this is a very strange problem so if I can provide any more debugging assistance I will do my best.

Thanks,
Stephen

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 reproducing the symbol-layer pin visibility problem in Safari while zooming, then compare the behavior with Chrome and Firefox and inspect commit 457f808ad2ecdb90b2c2f5511734f1a2f0790740. Done means pins remain visible at the affected zoom levels in Safari while retaining their existing clickability.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, typescript
Domain
computer-graphics, frontend, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.