autoHighlight of GeoJsonLayer with 3D coordinates in TileLayer's renderSubLayers not working when tilting

[sraimund]

I noticed that hightlighting a point of a GeoJsonLayer with 3D coordinates in a TileLayer's sub layer is not working when tilting the view.

new TileLayer({
    id: "tile-layer",
    tileSize: 128,
    autoHighlight: true,
    pickable: true,
    data: [],
    renderSubLayers(props) {
        const bbox = props.tile.bbox;

        const tileCenter = [
            bbox.west + (bbox.east - bbox.west) / 2,
            bbox.south + (bbox.north - bbox.south) / 2,
            500
        ];

        return new GeoJsonLayer({
            id: "geojson-tile-layer-" + props.tile.id,
            autoHighlight: true,
            getFillColor: [255, 0, 0],
            highlightColor: [0, 0, 255],
            getPointRadius: 10,
            pickable: true,
            data: [{
                type: "Feature",
                geometry: {
                    type: "Point",
                    coordinates: tileCenter
                }
            }]
        });
    },
})

Without a TileLayer, everything works as expected:

new GeoJsonLayer({
    id: "geojson-layer",
    autoHighlight: true,
    getFillColor: [0, 255, 0],
    highlightColor: [0, 0, 255],
    getPointRadius: 10,
    pickable: true,
    data: [{
        type: "Feature",
        geometry: {
            type: "Point",
            coordinates: [-122.402, 37.79, 500]
        }
    }]
})

I created a codepen for inspecting: https://codepen.io/sraimund/pen/MWNGzoe. Highlighting the green point always works (i.e., it turns blue) but highlighting the red points only works from a nearly orthogonal view (i.e., pitch = 0) or when the red points are on the ground (i.e., z-coordinate = 0).

Is there a straightforward way to ensure proper highlighting in the TileLayer case? Culling seems also to be affected.

The underlying use case is to create 3D points with an altitude offset from 2D points of a MVTLayer (i.e., a child of TileLayer).