Tengo algunos formularios que están estructurados usandodisplay:table-row ydisplay: table-cell. En Firefox 52, podría ocultar un elemento de celda usandovisibility:hidden, ocultando la celda pero manteniendo la estructura definida por CSS (en lugar de usardisplay:none).

Sin embargo, en Firefox 64 (y también en Chrome), cuando oculto la visibilidad de la celda, la fila de la tabla principal pierde su color de fondo en esa posición.

Aquí hay un fragmento que muestra el problema:

#tableRow{
  display: table-row;
  background-color: #f5f5f5;
}
.cell{
  display:table-cell;
}
#hide{
  visibility:hidden;
}

<div id="tableRow">
  <a href="#" class="cell">Visible</a>
  <a href"#" class="cell"id="hide">Not visible</a>
  <a href="#" class="cell">Visible</a>
</div>

Intenté usaropacity: 0 pero algunos elementos son clicables o tienen diferentes eventos y la opacidad en 0 no ayudará.

¿Alguna idea? ¿Se pretende esto?