How to click a table link bar using ember.js?

Question

I have something that should be a working example - moving a link from a binding to a table row

<table class="table table-hover"> <tbody> {{#each customer in controller}} {{#link-to 'customer' customer.id tagName="tr"}} <td> <a {{bind-attr href="view.href"}}>click</a> </td> {{/link-to}} {{/each}} </tbody> </table> 

Using mobile safari, when I browse this page, and click on the table row, it highlights the row color (bootstrap style setting style), so I know that I see that I touched the row ... it won’t go to route (if I don’t click the link)

How can / need to make a row with clickable tables using ember link-to?

also - I use fastclick on the site to reduce the 300 ms delay, and I killed the scaling

 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 

Answer 1

add css

 td a { display:block; width:100%; } 

Answer 2

Add also:

  tr { cursor: pointer; }