swiftui - リストがスクロールされるまで SwiftUI .onTapGesture が機能しない

Question

出入り口に名前を付けるために使用されるテキストフィールドがあります。テキストフィールドをタップすると、下にリストが展開され、共通の部屋名のリストが表示されます。リストをスクロールするまでリストから項目を選択できません。

これが私のコードです：

internal var body: some View {
    ZStack {

            VStack {
            
                HStack { /// the text field
                        TextField(self.namePlaceholder, text: $viewModel.name)
                            .onChange(of: viewModel.name) { newValue in
                                typedRoomName = newValue
                            }
                }
                .onTapGesture {
                        showAutoRoomNames = true
                }
                    
                if showAutoRoomNames { /// the list of common room names that gets filtered as you type
                   VStack(alignment: .leading) {
                        List {
                            ForEach(RoomNames.getFilteredCommonRoomNames(prefix: typedRoomName), id: \.self) { n in
                                Text(n)
                                    .onTapGesture {
                                        
                                        viewModel.name = n
                                        
                                        if showAutoRoomNames {
                                            showAutoRoomNames.toggle()
                                        }
                                    }
                            }
                        }
                        .listStyle(PlainListStyle())
                   }
                }
            }
            .padding()
            .frame(maxWidth: 300)
            .zIndex(2.0)
    }
}

}

テキスト フィールドをタップすると、名前のリストが展開され、名前を入力し始めると、フィルター処理された名前をタップできます。しかし、名前の入力を開始しないと、リストをスクロールするまでリストから項目を選択できません。

showAutoRoomNames ブロックの .onTapGesture ブロックは、スクロールするまでヒットしません。理由はわかりません。

ご指摘ありがとうございます。