Solo lectura

Google Chrome - Foro de ayuda

Esta página web es un archivo de los hilos antiguos de los foros de Google. Más información

CSS outline property is not rendered correctly when dynamically applied to table rows

Angel Herráez
27/05/14 9:35
1) Escribe versión de Google Chrome (chrome://version/):
 35.0.1916.114 m

2) ¿Se reproduce el problema en una ventana de incógnito? Control+Mayúsculas+N 
  yes

3) Adjunta una captura de la pantalla de tu problema/error/incidencia:   
 chrome_outline_row_1.png

4) Describe detalladamente el problema:

a) Some times the left border of the row outline is not displayed.
b) When the outline property is applied to a row, part of the former outline (another row) is retained and the new outline is incomplete.
c) All is fixed when I click out of the Chrome window.

Test case:

<head>
<script type="text/javascript">
function hl(k) {
  var t = document.getElementById('tb');
  var r = t.rows;
  for (i=0;i<r.length;i++) {
    r[i].style.outline='none';
  }
  r[k].style.outline='3px solid red';
}
</script>
<style type="text/css">
table { width:300px; }
</style>
</head>

<body>
<table id="tb">
  <tr>
    <td>--</td><td>--</td><td>--</td>
  </tr>
  <tr>
    <td>--</td><td>--</td><td>--</td>
  </tr>
  <tr>
    <td>--</td><td>--</td><td>--</td>
  </tr>
  <tr>
    <td>--</td><td>--</td><td>--</td>
  </tr>
  <tr>
    <td>--</td><td>--</td><td>--</td>
  </tr>
</table>
<input type="button" value="1" onClick="hl(1)">
<input type="button" value="2" onClick="hl(2)">
<input type="button" value="3" onClick="hl(3)">
<input type="button" value="4" onClick="hl(4)">
</body>

Respuestas (0)