я есть некоторые формы, которые структурированы с помощьюdisplay:table-row а такжеdisplay: table-cell, На Firefox 52 я мог скрыть элемент ячейки, используяvisibility:hiddenскрывая ячейку, но сохраняя структуру, определенную CSS (вместо использованияdisplay:none).

Хотя в Firefox 64 (а также в chrome), когда я скрываю видимость ячейки, строка родительской таблицы теряет цвет фона в этой позиции.

Вот фрагмент, показывающий проблему:

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

Я пытался с помощьюopacity: 0 но некоторые элементы кликабельны или имеют разные события и непрозрачность на 0 не поможет.

есть идеи? Это предназначено?