Scorrimento con tabulazione non funzionante in Chrome

Question

Ho scoperto che se inserisco un elemento di tabella all'interno dell'elemento div e impostiamo le proprietà di div in qualche modo come larghezza, altezza e overflow: auto; e posiziona qualche elemento di input all'interno della tabella td. che lo spostamento con le schede e trovato che lo scorrimento non si sposta con la scheda (se gli elementi di input contiene alcuni dati). Questo problema si verifica solo in Chrome non in altri browser moderni. Ecco il codice di esempio:

<div style="overflow: auto; height: 100px;width:400px;"> 
     <table > 
      <tbody> 
      <tr> 
       <td style="width:100px;"><input value="1" type="text"/></td> 
       <td style="width:100px;"><input value="2" type="text"/></td> 
       <td style="width:100px;"><input value="3" type="text"/></td> 
       <td style="width:100px;"><input value="4" type="text"/></td> 
       <td style="width:100px;"><input value="5" type="text"/></td> 
       <td style="width:100px;"><input value="6" type="text"/></td> 
       <td style="width:100px;"><input value="7" type="text"/></td> 
       <td style="width:100px;"><input value="8" type="text"/></td> 
       <td style="width:100px;"><input value="9" type="text"/></td> 
      </tr> 
      </tbody> 
     </table> 

</div> 

Ho anche creato un link sul plunker:

http://plnkr.co/edit/1l8HftcoDlebywQ8LDos?p=preview

http://embed.plnkr.co/1l8HftcoDlebywQ8LDos/preview

Qualsiasi aiuto per quanto riguarda questo saranno molto apprezzati.

Answer 1

Forse provare a reinstallare Installazione di Chrome e/o provare questo stesso codice su Safari. Forse prova un mouse o usa il trackpad se ne stai già utilizzando uno.

Answer 2

su Windows 8

Chrome: scorrimento con TABKEY non scorre a fare una fila visibile al di fuori della finestra tbody correttamente

versione 39.0.2171.95 Versione 41.0.2257.0 canarino (64-bit) Version 41.0.2236.0 (64-bit)

funziona correttamente su IE 11 Firefox 31.0

Con la presente la mia soluzione testato con il più recente Chrome & IE11

 // rowObj is javascript <tr> element object 
     rowObj.addEventListener("focus", function(event) { 
     console.log("focus visible row=" + event.currentTarget.sectionRowIndex); 
     if(event.currentTarget.sectionRowIndex === 0) 
      detObj.scrollTop = 0;      //detObj is javascript <td> 
     else 
     if(event.currentTarget.sectionRowIndex > 4) // is the max visible rows in <tbody> 
      detObj.scrollTop = 9999;     // will focus on last row in <tbody> 
    }, true); 

// se necessario posso fornire il codice javascript per calcolare il numero di righe visibili in