Vertical “edge wall” artifact at tile boundary when adjacent tile is not loaded (appears when pitch != 0)

[x-nikolas]

Hi,
I’m using MapLibre GL JS v5.15.0 inside a Flutter WebView environment. In some cases I’m seeing a rendering artifact on the border between a loaded terrain tile and a not-yet-loaded tile - only when the map is tilted..

Problem description

At the boundary between tiles, when the neighboring tile is not loaded yet, a visible vertical “wall” / border appears — as if the last row of pixels is extruded downwards to zero elevation. This artifact occurs when pitch != 0. It looks like a rendering glitch.
Once the missing tile is loaded, the wall disappears.
Screenshot example:

Steps to Trigger Behavior

1. Tilt the map
2. Pan the map toward an area where neighboring tiles are not yet loaded.
3. Observe the vertical “edge wall” at the tile boundary.

Expected behavior

If a neighboring tile is not yet available, the map should ideally keep the previous geometry/height
instead of rendering a vertical drop-off

Question

Is there any way to disable this “edge wall” effect?

Any hints would be greatly appreciated. Thanks in advance!

[HarelM]

The terrain tile "skirt" is there to gap between tiles with different altitude. It is there by design.
If you have a different idea how to solve this your are welcome to open a PR.

[x-nikolas]

In my case, adding a background layer below all other layers seems to visually mask the terrain “skirt” gaps. This is just an observation from testing rather than a proposed alternative to the current design.

white-gaps-with-terrain-bg.html