Rendering artifacts around style sheet zoom limits + terrain
- Dominant language
- TypeScript
- Stars
- 12.4k
- Forks
- 2.4k
- PR merge metrics
- No merged PRs in 30d
Description
After adding terrain to the map, a tile rendering issue is present when at the minzoom style boundary with another styled source rendering behind it.
Something like this:
- Add terrain source
- Add terrain
- Add streets stylesheet
- Add another layer with minzoom of 4
- Set map to zoom level 4
It seems some tiles render, while some don't. The rendering artifacts change as the camera is panned around.
If terrain isn't added, rendering bug is absent.
_Example:_
https://user-images.githubusercontent.com/103519761/164488718-3e022ede-a1f9-42f1-ab7a-82fbfe2a32b4.mov
**mapbox-gl-js version**: v2.8.1
**browser**: Chrome
### Steps to Trigger Behavior
1. Serve map from gist link below
2. Rendering issue should present on map load and change depending on panning
### Link to Demonstration
Gist example: https://gist.github.com/matteiben-onx/7db4f26faa03d308f6a43b79e68d613d
### Expected Behavior
In this particular case, I would expect the layer with the minzoom to render. [According to the spec](https://docs.mapbox.com/mapbox-gl-js/style-spec/layers/#minzoom), minzoom is inclusive.
> At zoom levels less than the minzoom, the layer will be hidden.
### Actual Behavior
Some tiles render, some don't.
Contributor guide
Assessment
This issue has not been assessed yet.