title: SwiftUI: first Button not tappable inside HStack
body: <p>Going thru a very weird issue that looks like a bug to me.</p>
  <p>Here's the code -</p>
  <pre><code>    HStack {
          
          Button(action: {
              print(&quot;DEBUG: follow pressed!&quot;)
          }, label: {
              Text(&quot;Follow&quot;)
                  .frame(width: 180, height: 40)
                  .background(Color.blue)
                  .foregroundColor(.white)
          })
              .cornerRadius(20)
          
        
          Button(action: {
              print(&quot;DEBUG: message pressed!&quot;)
          }, label: {
              Text(&quot;Message&quot;)
                  .frame(width: 180, height: 40)
                  .background(Color.purple)
                  .foregroundColor(.white)
          })
              .cornerRadius(20)
          
      }
  </code></pre>
  <p>Code for entire view (might be useful) -</p>
  <pre><code>import SwiftUI
  
  struct ProfileActionButtonView: View {
      let viewModel: ProfileViewModel
      @Binding var isFollowed: Bool
      
      var body: some View {
          if viewModel.user.isCurrentUser {
              
          Button(action: {}, label: {
              Text(&quot;Edit Profile&quot;)
                  .frame(width: 360, height: 40)
                  .background(Color.blue)
                  .foregroundColor(.white)
          })
              .cornerRadius(20)
          } else {
              HStack {
                  
                  Button(action: {
                      print(&quot;DEBUG: follow pressed!&quot;)
                  }, label: {
                      Text(&quot;Follow&quot;)
                          .frame(width: 180, height: 40)
                          .background(Color.blue)
                          .foregroundColor(.white)
                  })
                      .cornerRadius(20)
                  
                
                  Button(action: {
                      print(&quot;DEBUG: message pressed!&quot;)
                  }, label: {
                      Text(&quot;Message&quot;)
                          .frame(width: 180, height: 40)
                          .background(Color.purple)
                          .foregroundColor(.white)
                  })
                      .cornerRadius(20)
                  
              }
          }
          
      }
  }
  </code></pre>
  <p>What's weird?</p>
  <p>If I switch the positions of both buttons in HStack, the first button (whichever is first) is always untappable. The second works just fine!</p>
  <p>EDIT (adding image's code). Looks like the image (circular image of first tweet below the button) is overshadowing the follow button.</p>
  <pre><code>Image(&quot;batman&quot;)
                      .frame(width:  56, height: 56)
                      .scaledToFit()
                      .cornerRadius(56/2)
                      .padding(.leading)
  </code></pre>
  <p><a href="https://i.stack.imgur.com/ndEoA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ndEoA.png" alt="Screenshot" /></a></p>
  <p>In the image - Follow button is untappable, Message button is tappable.</p>