VectorImageLayer with ClusterSource disappears after loading

Describe the bug I’m using version 6.0.0-beta.3 in my Angular app and have the following map:

this.clusterSource = new ClusterSource({
    distance: 10,
    source: this.broSource,
    geometryFunction: feature => new geom.Point(extent.getCenter(feature.getGeometry().getExtent()))
});

this.clusterLayer = new VectorImageLayer({
    source: this.clusterSource,
    style: new style.Style({
        image: new style.Circle({
            radius: 10,
            stroke: new style.Stroke({
                color: '#fff'
            }),
            fill: new style.Fill({
                color: '#3399CC'
            })
        }),
        text: new style.Text({
            text: '3',
            fill: new style.Fill({
                color: '#fff'
            })
        })
    })
});

this.map = new Map({
    target: 'map-canvas',
    layers: [this.clusterLayer],
    view: this.view,
    interactions: interaction.defaults({mouseWheelZoom: false})
});

When the cluster layer is loaded, the features in the layer can be briefly seen, after which they disappear again.

I’ve noticed the same behaviour when I use a VectorLayer instead of a VectorImageLayer,

A javascript version (5.3.0) with the exact same clustered layer is working correctly.

Expected behavior For the cluster layer to remain visible.

[fredj]

@jippeholwerda The fix is now merged into master and will be available in the next (beta) release. I’m closing this issue, if your problem still persist after using the new upcoming version please open a new issue.

[fredj]

The change in the pull request #9329 fixes the cluster example.