投稿カードのlink_toが効かない

Question

現在topページに投稿カード全体をリンクにして投稿詳細ページにリダイレクトさせようとしています。
しかし、<%=link_to post_path(post) do%> を使っていますが、リダイレクトできない状態です。cursor:pointer;も反応しておりません。
なおgoogle developerでは、href="/posts/1"></a>　このようにaタグの表示があり、リダイレクトすることができます。
何かご助言いただければ幸いです。
<index.html.erb>

<div class="col background_container">
    <% @posts.each do |post| %>
        <%=link_to post_path(post) do%>  ###この辺
          <div class="post_card"> 
              <div class="post_header">
                <%=link_to user_path(@user) do%>
                  <p><%= image_tag @user.profile_image.url, class: "round-img" if @user.profile_image.present? %><p>
                <%end %>
                <h6 class="thum_name"><%=@user.name%></h6>
              </div>     
          
              <div class="post_content">
                <h5 class="post_title"><%=post.title%></h5>  
                <div class="post_text_area">
                  <p class="post_text"><%=post.text%></p>
                </div>
              </div>
          </div> 
        <%end%>
    <%end%>
</div>

<top.scss>

.background_container {
  // width:100%;
  
  margin-top:70px;
}
.post_card {
  background-color: white;
  border: solid 1px rgba(143, 142, 142, 0.72);
  width: 600px;
  margin: 10px auto;
  border-radius: 10px;
  box-shadow: 5px 3px 3px grey;
    .round-img {
      width : 35px;
      height: 35px;
      margin-top:  10px;
      margin-left: 10px;
    }
    .post_header {
      display:flex;
      height: 50px;
      .post_title {
        margin: 0 auto;
      }
    }
    .thum_name {
      margin-top: 15px;
      margin-left: 5PX;
    }
  
  .post_content {
    // text-align: center;
    margin: 0 auto;
    width: 400px;
  }
}

Comments

[winterboum]

link_to が二重になっているのが気になります。
内側のをなくして試してください

[KUBO10]

確かに内側のlink_toを外せばちゃんと反応するようです。投稿カード全体をリンクにすると、内側のものと処理がぶつかってしまうのですかね。.
サムネイル画像の部分はuser詳細ページに飛ばせるようしたいのですが、どのようにしたらいいでしょうか？

[KUBO10]

カード自体をリンクにして中のコンテンツをなんらかの形で切り離すとか..すいません考え中です。

Answer 1

link_to ではなく <a> べたに書いたらどうなるんだろう、という興味はありますが、
はて、、、
user_path は post_path の中にあるのだから、それをclickするのは どちらをclickしたことになるるの
という問題にぶつかりますね。
CSSが無いので想像になりますが、
class="post_card" の大きな枠の中に、写真とtextがあるので、大きな枠でposcardに飛ばせたいということですね。
案１：諦める。写真はUser,その下のtextでPostへlink
案２：postcardの枠の中を５つに分割。写真を囲む額縁を４部品で作り、４部品それぞれをlink_toする

Comments

[KUBO10]

時間かかっちゃうので諦めますw　ご回答ありがとうございました。