SwiftUI KFImage loads URL in one instance, but not another

[JetForMe]

I've got two virtually identical uses of KFImage, one in a view, and another in a sheet that pops up over the first. Both are displaying the same URL. Both have a placeholder image. But only the first seems to load the image and display it. The second one only ever displays the placeholder. In both cases, the .onSuccess closure is called. I had it print out the result for each:

successful load success: RetrieveImageResult(image: <UIImage:0x600001c22760 anonymous {300, 300}>, cacheType: Kingfisher.CacheType.disk, source: Kingfisher.Source.network(Kingfisher.ImageResource(cacheKey: "https://images.whatnot.com/eyJidWNrZXQiOiAid2hhdG5vdC1zdGFnZS1pbWFnZXMiLCAia2V5IjogInVzZXJzLzIxNi9jMWUxY2MwYy1iMTQyLTQwZDAtYTM2ZS1mNzA3YjhmNjRkNDIuanBlZyIsICJlZGl0cyI6IHsicmVzaXplIjogeyJ3aWR0aCI6IG51bGwsICJoZWlnaHQiOiBudWxsLCAiZml0IjogImNvbnRhaW4iLCAiYmFja2dyb3VuZCI6IHsiciI6IDI1NSwgImciOiAyNTUsICJiIjogMjU1LCAiYWxwaGEiOiAxfX19fQ==", downloadURL: https://images.whatnot.com/eyJidWNrZXQiOiAid2hhdG5vdC1zdGFnZS1pbWFnZXMiLCAia2V5IjogInVzZXJzLzIxNi9jMWUxY2MwYy1iMTQyLTQwZDAtYTM2ZS1mNzA3YjhmNjRkNDIuanBlZyIsICJlZGl0cyI6IHsicmVzaXplIjogeyJ3aWR0aCI6IG51bGwsICJoZWlnaHQiOiBudWxsLCAiZml0IjogImNvbnRhaW4iLCAiYmFja2dyb3VuZCI6IHsiciI6IDI1NSwgImciOiAyNTUsICJiIjogMjU1LCAiYWxwaGEiOiAxfX19fQ==)), originalSource: Kingfisher.Source.network(Kingfisher.ImageResource(cacheKey: "https://images.whatnot.com/eyJidWNrZXQiOiAid2hhdG5vdC1zdGFnZS1pbWFnZXMiLCAia2V5IjogInVzZXJzLzIxNi9jMWUxY2MwYy1iMTQyLTQwZDAtYTM2ZS1mNzA3YjhmNjRkNDIuanBlZyIsICJlZGl0cyI6IHsicmVzaXplIjogeyJ3aWR0aCI6IG51bGwsICJoZWlnaHQiOiBudWxsLCAiZml0IjogImNvbnRhaW4iLCAiYmFja2dyb3VuZCI6IHsiciI6IDI1NSwgImciOiAyNTUsICJiIjogMjU1LCAiYWxwaGEiOiAxfX19fQ==", downloadURL: https://images.whatnot.com/eyJidWNrZXQiOiAid2hhdG5vdC1zdGFnZS1pbWFnZXMiLCAia2V5IjogInVzZXJzLzIxNi9jMWUxY2MwYy1iMTQyLTQwZDAtYTM2ZS1mNzA3YjhmNjRkNDIuanBlZyIsICJlZGl0cyI6IHsicmVzaXplIjogeyJ3aWR0aCI6IG51bGwsICJoZWlnaHQiOiBudWxsLCAiZml0IjogImNvbnRhaW4iLCAiYmFja2dyb3VuZCI6IHsiciI6IDI1NSwgImciOiAyNTUsICJiIjogMjU1LCAiYWxwaGEiOiAxfX19fQ==)))

failed load success: RetrieveImageResult(image: <UIImage:0x600001c22760 anonymous {300, 300}>, cacheType: Kingfisher.CacheType.memory, source: Kingfisher.Source.network(Kingfisher.ImageResource(cacheKey: "https://images.whatnot.com/eyJidWNrZXQiOiAid2hhdG5vdC1zdGFnZS1pbWFnZXMiLCAia2V5IjogInVzZXJzLzIxNi9jMWUxY2MwYy1iMTQyLTQwZDAtYTM2ZS1mNzA3YjhmNjRkNDIuanBlZyIsICJlZGl0cyI6IHsicmVzaXplIjogeyJ3aWR0aCI6IG51bGwsICJoZWlnaHQiOiBudWxsLCAiZml0IjogImNvbnRhaW4iLCAiYmFja2dyb3VuZCI6IHsiciI6IDI1NSwgImciOiAyNTUsICJiIjogMjU1LCAiYWxwaGEiOiAxfX19fQ==", downloadURL: https://images.whatnot.com/eyJidWNrZXQiOiAid2hhdG5vdC1zdGFnZS1pbWFnZXMiLCAia2V5IjogInVzZXJzLzIxNi9jMWUxY2MwYy1iMTQyLTQwZDAtYTM2ZS1mNzA3YjhmNjRkNDIuanBlZyIsICJlZGl0cyI6IHsicmVzaXplIjogeyJ3aWR0aCI6IG51bGwsICJoZWlnaHQiOiBudWxsLCAiZml0IjogImNvbnRhaW4iLCAiYmFja2dyb3VuZCI6IHsiciI6IDI1NSwgImciOiAyNTUsICJiIjogMjU1LCAiYWxwaGEiOiAxfX19fQ==)), originalSource: Kingfisher.Source.network(Kingfisher.ImageResource(cacheKey: "https://images.whatnot.com/eyJidWNrZXQiOiAid2hhdG5vdC1zdGFnZS1pbWFnZXMiLCAia2V5IjogInVzZXJzLzIxNi9jMWUxY2MwYy1iMTQyLTQwZDAtYTM2ZS1mNzA3YjhmNjRkNDIuanBlZyIsICJlZGl0cyI6IHsicmVzaXplIjogeyJ3aWR0aCI6IG51bGwsICJoZWlnaHQiOiBudWxsLCAiZml0IjogImNvbnRhaW4iLCAiYmFja2dyb3VuZCI6IHsiciI6IDI1NSwgImciOiAyNTUsICJiIjogMjU1LCAiYWxwaGEiOiAxfX19fQ==", downloadURL: https://images.whatnot.com/eyJidWNrZXQiOiAid2hhdG5vdC1zdGFnZS1pbWFnZXMiLCAia2V5IjogInVzZXJzLzIxNi9jMWUxY2MwYy1iMTQyLTQwZDAtYTM2ZS1mNzA3YjhmNjRkNDIuanBlZyIsICJlZGl0cyI6IHsicmVzaXplIjogeyJ3aWR0aCI6IG51bGwsICJoZWlnaHQiOiBudWxsLCAiZml0IjogImNvbnRhaW4iLCAiYmFja2dyb3VuZCI6IHsiciI6IDI1NSwgImciOiAyNTUsICJiIjogMjU1LCAiYWxwaGEiOiAxfX19fQ==)))

The code looks like this. The only difference is the frame size (the other is 60x60). In the failure case, the placeholder remains.

KFImage(self.user.imageURL)
    .cancelOnDisappear(true)
    .placeholder {
        Image(systemName: "person.fill")
            .resizable()
            .aspectRatio(contentMode: .fill)
            .frame(width: 66.0, height: 66.0)
            .clipShape(Circle())
    }
    .onSuccess { r in print("success: \(r)") }
    .resizable()
    .aspectRatio(contentMode: .fill)
    .frame(width: 66.0, height: 66.0)
    .clipShape(Circle())

Any idea what's going on here and how I can fix it? Thank you.

[onevcat]

@JetForMe Thanks for reporting this.

Ummm...

Any chance to create an actually working demo for this issue?

Especially, I guess the difference:

another in a sheet that pops up over the first

causes this issue..But I need to know exactly what has been done before image being loaded.

[onevcat]

And in case of you are not using the latest master branch, can it be related to this? Say, maybe try to add a .loadImmediately() to the failing case and check if anything is different.

[JetForMe]

I'm using 6.3.0. Adding .loadImmediately() works, in that it now displays the image. Unfortunately, I can't share the code. Maybe after this deadline I'll have time to try to reproduce it in a smaller case. In this case, it's:

1. Display a UIHostingViewController in a UITabController as in a traditional UIKit app.
2. The hosted SwiftUI view has a KFImage pointing to a the URL
3. Tap a button, and use .fullScreenCover to present a UIViewControllerRepresentable containing a UIViewController subclass.
4. That subclass has a button that uses UIViewController.present to present another UIHostingViewController that contains the SwiftUI views that contain the second KFImage that points to the same URL as above.