v.1.0.0 maps not rendering on iPhones 5, 6, and 7
Nobody has claimed this yet.
- 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:

### 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
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 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