SwiftUI, cannot dismiss sheet after the keyboard

Question

In SwiftUI, I open a CommentsView sheet like this:

@State private var selectedCategory: Category?

Button(category.name) {
    selectedCategory = category
}
.sheet(item: $selectedCategory) { category in
    CommentsView(category: category)
}

CommentsView :

struct CommentsView: View {
    @Environment(\.presentationMode) private var presentationMode
    @State private var enteredComment: String = ""
    
    let category: Category
    
    var body: some View {
        VStack {
            TextField("Add a comment", text: $enteredComment)
                .textFieldStyle(RoundedBorderTextFieldStyle())

            Button("Close") {
                presentationMode.wrappedValue.dismiss()
            }
        }
    }
}

The problem is: I cannot dismiss the CommentsView after I focus on the text field and see the keyboard. Before focusing the "Close" button works as expected.

Answer 1

Change the position of .sheet to be at the top VStack/HStack or ZStack, NOT at the Button View

.sheet(item: $selectedCategory) { category in
    CommentsView(category: category)
}