Heatmap layer does not respect z-index

[riastrad]

Platform: Multiple Mapbox SDK version: Confirmed in GL JS via Studio and iOS Maps SDK v4.1

Steps to trigger behavior

1. Upload a tileset with marker data (e.g. earthquake data)
2. Add this tileset as a heatmap style layer (MGLHeatmapLayer on iOS)
3. Modify the heatmap layer's z-index such that that the heatmap layer is below everything

Expected behavior

The heatmap layer should be behind all other opaque layers. (i.e. not appear)

Actual behavior

The heatmap appears above some opaque layers. Noticeable examples:

Water:

Building polygons:

Here's a link to a live map that replicates this behavior: https://api.mapbox.com/styles/v1/riastrad/cjhj6nki41bym2rqr4px09oi0.html?fresh=true&title=true&access_token=(BYOAccessToken)

[jfirebaugh]

Equivalent issue in gl-js: https://github.com/mapbox/mapbox-gl-js/issues/5831.

[chaseacton]

+1 on iOS

[stale[bot]]

This issue has been automatically detected as stale because it has not had recent activity and will be archived. Thank you for your contributions.

[friedbunny]

Is this still an issue, @mourner?

[chaseacton]

Any news on this?

[chaseacton]

This bug still exists

[chloekraw]

@chaseacton as a workaround, try setting the opacity of your heatmap layer to 0.99.

[stale[bot]]

This issue has been automatically detected as stale because it has not had recent activity and will be archived. Thank you for your contributions.

[androidfanatic]

This issue stil exists.