Placeholder image consuming events meant for other views?

[JetForMe]

I'm experiencing something odd. I finally got around to experimenting with GeometryReader to fix the other issue I was having. That seems to be working well, in that everything draws correctly.

But if the intended image doesn't load (or is nil), and only the placeholder remains, it seems that although the placeholder is correctly clipped, its bounds extend well beyond, and prevent tapping on things that it covers (our placeholder is quite tall and skinny, and we show just a portion inside).

Here's what the view looks like when the URL is nil:

Unfortunately, you can't tap on the "Shows," "For Sale," "Lists," or "Collection" tabs. If you look at the view hierarchy in Xcode, you can see that the placeholder image extends well beyond the bounds that finally clip it when running (in preview or simulator).

Once the URL image loads, everything is fine. My code looks like this (inside of a larger view):

GeometryReader
{ geom in
    KFImage(self.thumbnailURL)
        .cancelOnDisappear(true)
        .placeholder {
            Image("image_placeholder_background")
                .resizable()
                .aspectRatio(contentMode: .fill)
                .frame(width: geom.size.width, height: geom.size.width / 0.72)      //  TODO: A bit arbitrary, this aspect ratio
        }
        .resizable()
        .aspectRatio(contentMode: .fill)
        .frame(width: geom.size.width, height: geom.size.width / 0.72)              //  TODO: A bit arbitrary, this aspect ratio
        .cornerRadius(8)
}
.aspectRatio(0.72, contentMode: .fit)

You can see the placeholder's image view in the hierarchy (I've selected the one on the left, highlighted in blue):

I’ve tried putting .clipped() on various parts of this, but it has no effect.

Any idea what's causing this or how to fix it? Obviously I can shrink the placeholder image. This behavior exists on both iOS 14.4 and 15b1. I'm using Kingfisher 6.3.0

[onevcat]

:( No idea on what can cause this at all..

So it seems that you have put the KFImage in back of the header tab buttons, but it adds some view (the blue highlighted one) in front which covers these buttons? It beyonds my understanding of SwiftUI so I am not sure what is it at all...

In KFImage, the placeholder and the image should be at the same view hierarchy level. Can it be something related to the GeometryReader?

By the way, do you have a sample view in which we can reproduce it easily? I also want check and see what is it. Thanks!

[JetForMe]

I don't have a sample readily available, because we're so slammed with a deadline. But I need to to show Apple. Honestly, I think this is an Apple bug. What shows in Xcode is not what renders in the sim/ on device, but the uncropped extent of the image does seem to interfere with taps. In the end I got our designer to give me a cropped version of the image, which solved the issue for now.