Come fare clic su una riga della tabella di collegamento utilizzando ember.js?

Question

Ho quello che dovrebbe essere un esempio di lavoro - spostando il link-to dal ancoraggio alla riga della tabella stessa

<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> 

Utilizzando Safari Mobile quando navigo questa pagina e "click" una riga di tabella evidenzia il "colore" della riga (stile bootstrap table-hover) quindi so che sta vedendo che ho toccato la riga ... eppure non salterà sulla rotta (a meno che non faccia clic sul link stesso)

Come posso/dovrei fare una riga della tabella cliccabile con il link-link di ember?

anche -Sono utilizzando Fastclick sul sito per ridurre il ritardo di 300 ms ed ho ucciso zoom

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

Answer 1

aggiungere il css

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

Answer 2

Add anche:

tr { 
    cursor: pointer; 
}