Alert within Popover is clipped in height causing title to be hidden

When showing an Alert from within a Popover that has a fixed height, the newly presented Alert is in the same position but gets limited by the Popovers height causing the title of the Alert to be hidden. Is this intentional behavior or are Alerts not supported within Popovers and I'd have to pass it through to my main view?

Code:

//
//  DemoalertPopover.swift
//  ********
//
//  Created by Thilo on 26.06.2023.
//

import SwiftUI

struct DemoAlertPopover: View {

    @Environment(\.dismiss) var dismiss
    @State private var showDeleteConfirmation = false
    
    let dateFormatter: DateFormatter = {
        let formatter = DateFormatter()
        formatter.dateFormat = "dd.MM.yyyy"
        return formatter
    }()
    
    var body: some View {
        VStack(alignment: .leading, spacing: 0) {
            HStack {
                Text("Title").font(.extraLargeTitle).lineLimit(1)
            
                Spacer()
                
                Button(action: {
                    dismiss()
                }) {
                    Label("Close", systemImage: "xmark").labelStyle(.iconOnly)
                }
            }
            HStack(alignment: .center) {
                Text("Content").font(.largeTitle)
                Text("Content2").foregroundStyle(.secondary)
            }
            
            LazyVGrid(columns: [GridItem(.flexible(), spacing: 10),GridItem(.flexible(), spacing: 10),], spacing: 10) {
                
                Button(action: {
                    showDeleteConfirmation = true
                }) {
                    
                    ZStack{
                        Image(systemName: "trash.fill").resizable().foregroundColor(.primary)
                        
                    }.aspectRatio(1/1,contentMode: .fit)
                        .frame(maxWidth: .infinity).padding(5)
                }.aspectRatio(3/1,contentMode: .fit)
            }.alert("Are you sure you want to delete ...?", isPresented: $showDeleteConfirmation) {
                Button("Trash",role: .destructive, action: {
                    print("Deleted")
                    dismiss()
                    
                                })
                Button("Cancel", role: .cancel) {}
                
            } message: {
                Text("This is a small message below the title, just so you know.")
            }
            
        }
.padding(.all, 10).frame(width: 300)
        
    }
}

#Preview {
    DemoAlertPopover()
}

Video: https://www.youtube.com/shorts/31Kl7qbJIiA

This is still there and i don't know why.

Alert within Popover is clipped in height causing title to be hidden
 
 
Q