Image resizing makes Button unclickable

Question

I have a simple scrollview with a SDWebImage pulling in Firebase URL links to display images. For some bizarre reason, when I do not give a specific frame to my images, I can click on the button positioned in the bottom left corner. But when I give it a max height or any height at all, the button becomes unclickable. This seriously might be the weirdest SwiftUI issue I have ever seen - any help would be great.

import SwiftUI
import SDWebImageSwiftUI

struct Test2FeedView: View {
    @StateObject var viewmodel = FeedViewModel()
    @State var show : Bool = false
    var body: some View {
        ScrollView{
          VStack(spacing:5) {
                ForEach(viewmodel.posts){ post in
                    ZStack(alignment:.bottomLeading) {
                        WebImage(url: URL(string: post.original_posted_image))
                            .resizable()
                            .scaledToFill()
                            .frame(maxHeight:440)
                            .clipped()
                        Button(action: {
                            show.toggle()
                        }){
                            Text("PRESS ME")
                        }
                    }
                }
            }
        }.sheet(isPresented: $show) {
            Text("hey")
        }
    }
}

Answer 1

try putting the .frame(maxHeight:440) just before .scaledToFill(), works for me.