mapbox / mapbox/mapbox-gl-js

v.1.0.0 maps not rendering on iPhones 5, 6, and 7

Open
#8,366 3 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

This issue was noted as appearing on older iPhones (5, 6, & 7 on iOS versions < 12.0), however, @kkaefer was able to replicate this on a iPhone 5S, iOS 12.3.

**mapbox-gl-js version**: 1.0.0

**browser**: Safari

### Steps to Trigger Behavior

1. load any example from https://www.mapbox.com/mapbox-gl-js/examples/ in Safari on iOS 10 or 11. Map will not load:
![image](https://user-images.githubusercontent.com/134753/59767559-dd7fac80-92a2-11e9-99ff-a28770a7d150.png)

### Link to Demonstration

https://jsbin.com/widudomope/edit?html,output

### Expected Behavior
Expect that the map will display.

### Actual Behavior
Background does appear to be visible but no other part of the map is visible.

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 failure with the linked JSBin or any Mapbox GL JS example in Safari on iOS 10 or 11, and compare it with the reported iPhone 5S on iOS 12.3. Trace the map rendering path used by version 1.0.0; done means the background and map contents render in the affected iOS Safari versions.

Written by the indexing model from the issue text.

Assessment

Tech stack
ios, javascript, typescript
Domain
frontend, mobile, 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.