Swiftui list row with multiple buttons?

I'm having the same problem with two Buttons inside an HStack. This condition was noticed after the update to macOS Catalina, Version 10.15.4. Did not notice this problem before the update. I did try the ".buttonStyle(DefaultButtonStyle()" solution given in a Post below, but it did not solve my problem.

After a little more investigation it looks like a .onTapGesture Instance Method might be a better practice than Button Generic Structure.

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            HStack {
                Text("Left Button")
                    .onTapGesture {
                        print("Left Button Tapped")
                }
                Spacer()
                Text("Right Button")
                    .onTapGesture {
                        print("Right Button Tapped")
                }
            }
        }
    }
}

For a few different reasons this looks like it could be more reliable than using Buttons?

Thanks @724QD58FHA  that fixed it for me

I was able to get this working with the latest iOS 14 beta. It appears .buttonStyle(PlainButtonStyle()) stops the List Row itself being selected and .foregroundColor(Color.accentColor) to get the button accent colour back.

import SwiftUI

struct ContentView: View {

    @State var inputString = ["1", "2", "3", "4", "5"]

    init() {

        // Didn't appear to need this thank goodness!
        //
//        UITableView.appearance().allowsSelection = false
//        UITableViewCell.appearance().selectionStyle = .none
    }

    var body: some View {

        Text("List Item with selectable Buttons").padding()

        List {

            ForEach(0..<5) { idx in

                HStack {

        Text("Title")

                    TextField("Enter new value",text: $inputString[idx])

                    Spacer()

                    Button(action: {

                        print("Button did select 1 at idx \(idx)")
                    }) {

                        Text("Selectable 1")
                    }.buttonStyle(PlainButtonStyle())
                    .foregroundColor(Color.accentColor)

                    Button(action: {

                        print("Button did select 2 at idx \(idx)")
                    }) {

                        Text("Selectable 2")
                    }.buttonStyle(PlainButtonStyle())
                    .foregroundColor(Color.accentColor)

                }
            }
        }
    }
}



struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }

}

@eleanorsp8 Your solution works and should be marked as a solution. It seems like the default button style inside a List/Form adds its action to the the row’s on tap gesture listener behind the scenes and it makes sense in most cases — see Settings.app / General / Shut down for example. Plain button styles seems to prevent this behavior, and imho is a cleaner solution compare Text/Image components with .onTapGesture modifiers, from the accessibility and future-proof standpoint. Thanks!

simply add

.buttonStyle(BorderlessButtonStyle())

to all the buttons in an HStack etc or on a list row and they will only fire individually and only when individually tapped.

This worked for me:

.buttonStyle(PlainButtonStyle())