.stretched-link behaviour on table rows
Created by: six7
Codepen here: https://codepen.io/anon/pen/EJPQzL
Expected behaviour
Expected behaviour on using .stretched-link
in a table would be that the whole row would get clickable by setting the <tr>
to position-relative.
Actual output Actual output shows that the pseudo element of the .stretched-link class gets 100% of the body height - effectively breaking hover.
A possible hacky workaround would be to place the link tag multiple times per table row and putting position-relative
on each of the <td>
items