visiblity: oculto da célula da tabela oculta a cor de fundo da linha da tabela pai

Tenho alguns formulários estruturados usandodisplay:table-row edisplay: table-cell. No Firefox 52, eu poderia ocultar um elemento de célula usandovisibility:hidden, ocultando a célula, mas mantendo a estrutura definida por CSS (em vez de usardisplay:none).

o entanto, no Firefox 64 (e também no chrome), quando oculto a visibilidade da célula, a linha da tabela pai perde sua cor de fundo nessa posiçã

Aqui está um trecho mostrando o 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>

Eu tentei usaropacity: 0 mas alguns elementos são clicáveis ou têm eventos diferentes e a opacidade em 0. não ajud

Alguma ideia? Isso é pretendido?