Mapbox-gl-js: Hills are chopped off on zoom in

[mprove]

mapbox-gl-js version: 2.1.1

browser: any

Steps to Trigger Behavior

1. Go to Pompeii here at high pitch and look up to the Vesuv, zoom 17
2. Press Plus to zoom in

Link to Demonstration

https://mprove.de/chrono3d?q=40.74913,14.48497&z=17&m=HL10653110&s=1&r=-31&t=85&d=1

Expected Behavior

Vesuv still visible from the market place in Pompeii at zoom level 18

Actual Behavior

Vesuv is chopped off.

This seems to be a regression. It used to be ok in v2.0.1

[ansis]

This is being caused by https://github.com/mapbox/mapbox-gl-js/pull/10304
It looks like we need to tweak it at very high zoom levels.

If you are looking for an immediate workaround you could set map.transform._horizonShift = 0.05 but this may stop working or even error in future versions of mapbox-gl-js.