Model3D in LazyVGrid - Models change size when leaving grid and coming back

Hi! I have been playing with Model3D lately. It's great! I had this idea of having a LazyVGrid of product images with some Model3Ds in it as well. Here's what it looks like:

I'm using the satellite from the Hello World sample for my tests. The model is initially sized and centered correctly.

However, when I click on one of the product cards to go to its detail page and then come back to the grid, the model of the satellite is suddenly very small. Here's what it looks like:

I'm not sure why this is happening. This is how I load the model:

Model3D(named: product.modelName, bundle: worldAssetsBundle) { phase in
    switch phase {
    case .empty:
        ProgressView()
    case let .failure(error):
        Text(error.localizedDescription)
    case let .success(model):
        Color.clear.overlay {
            model
                .resizable()
                .scaledToFit()
            }
        }
    }
}

Thanks for any help!

Replies

I've also noticed this behaviour and believe it to be a bug. Also, are you using a NavigationStack there or something else?