Issue with Building Animation Downward Transition

[Fareed-Murtaza]

mapbox-gl-js version:

Question

Hi there,

I'm currently implementing a feature where building animations rise and fall based on the zoom level in MapLibre. I've successfully managed the upward animation from 0 to the maximum height of the buildings. However, I'm encountering an issue with the animation when buildings descend from their maximum height to ground level.

Here's the code snippet I'm using to achieve this:

map.setPaintProperty(
    '3d-buildings',
    'fill-extrusion-height',
    [
        "interpolate",
         ["linear"],
         ["zoom"],
         15.5,
         ["get", "render_height"],
         15,
         0
    ]
);

However, this implementation throws an error:
Error: layers.3d-buildings.paint.fill-extrusion-height[5]: Input/output pairs for "interpolate" expressions must be arranged with input values in strictly ascending order.

In my scenario, the building descent animation should commence when the zoom level is below 15.5 and conclude at zoom level 15. How can I achieve this specific use case without encountering the error mentioned above?

Thanks,

Links to related documentation