Incorrect semi-transparent tile rendering at terrain tile borders

[NathanMOlson]

maplibre-gl-js version: 4.7.1, 5.0.0-pre.5

browser: Chrome

Steps to Trigger Behavior

1. Create a map with semi-transparent raster tiles
2. Enable terrain (may be zero-elevation tiles)
3. Pitch the map

Link to Demonstration

Raster tiles:
https://jsfiddle.net/gbc64wm5/

Background layer:
https://jsfiddle.net/hb5e1rj6/

Expected Behavior

Rendered image is seamless across the border between terrain tiles.

Actual Behavior

It looks like a "cliff" at the edge of the terrain tile is being rendered in the imagery.

[NathanMOlson]

Changing getMeshFrameDelta(zoom) to { return 0; } seems to solve this problem, but I don't know what that might be breaking...

[NathanMOlson]

Changing getMeshFrameDelta(zoom) to { return 0; } seems to solve this problem, but I don't know what that might be breaking...

It looks like this issue was introduced by #1710. Setting getMeshFrameDelta(zoom) to 0 would re-introduce #1602 :(

[ibesora]

We might need to change the approach used to remove tile seams by using a two-pass rendering with stencil enabled