`link_to`をブロックで囲った際に適用範囲がおかしい

問題

• <div> の範囲をリンクにしたくて以下のように実装していたが何故か link_to が反応しない
• デベロッパツールで確認してみると div が <a> に囲われていないという想定外の表示となっていた
  • 当然 <div> を押下しても無反応

実装内容

<%= link_to XXX_url do %>
    <div>
    <!-- 中略 -->
    </div>
<% end %>

デベロッパツールの表示結果

<a href="XXX"></a>
<div>
<!-- 中略 -->
</div>

修正

• よくよく確認した所 link_to ではない <a> が存在しており、これを削除したら想定の実装が出来た

修正前

<%= link_to do %>
    <div>
    <!-- 中略 -->
        <a href="XXX"> XXXXX </a> 
    </div>
<% end %>

修正後

<%= link_to do %>
    <div>
    <!-- 中略 -->
    </div>
<% end %>