visible rowspan cell inside collapsed row cell bg painting

by david

HTML

Do we paint a collapsed row's background behind a visibility:visible rowspan cell?<p>
</p>

Original table
<table>
  <tr>
    <td rowspan="2">rowspan cell</td>
    <td class=blue>Blue top</td>
    <td class=green>Green top</td>
  </tr>
  <tr>
    <td class=blue>Blue bottom</td>
    <td class=green>Green bottom</td>
  </tr>
</table>
<br>
Collapse <i>top</i> row: visible row-spanning cell <i>starts</i> in a collapsed row
<br> -- Chrome paints the tr's background color
<br> -- Edge does not
<br> -- FF paints neither text nor bg color
<table>
  <tr style="visibility:collapse">
    <td style="visibility:visible" rowspan="2">rowspan cell</td>
    <td class=blue>Blue top</td>
    <td class=green>Green top</td>
  </tr>
  <tr>
    <td class=blue>Blue bottom</td>
    <td class=green>Green bottom</td>
  </tr>
</table>
<br>
Collapse <i>bottom</i> row: visible row-spanning cell <i>ends</i> in a collapsed row
<br> -- Chrome behaves same as above
<br> -- Edge now paints tr's background color
<br> -- FF now paints the text (letting it overflow, known issue) and also now paints the bg color 
<table>
  <tr>
    <td style="visibility:visible" rowspan="2">rowspan cell</td>
    <td class=blue>Blue top</td>
    <td class=green>Green top</td>
  </tr>
  <tr style="visibility:collapse">
    <td class=blue>Blue bottom</td>
    <td class=green>Green bottom</td>
  </tr>
</table>

CSS

table {
  border: 5px solid black;
}

tr { background-color: red; }
td.blue { background-color: lightblue; }
td.green { background-color: green; }