visiblity:hidden of table-cell hides background-color of parent table-row

Question

I have some forms that are structured using display:table-row and display: table-cell. On Firefox 52, I could hide a cell element using visib

Answer 1

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

  Visible
  Not visible
  Visible