blob: 67330e4d2c4e976fd4837334417151dab50e4cb6 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
<!DOCTYPE html>
<html class="reftest-wait">
<link rel="author" title="David Shin" href="dshin@mozilla.com">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1879731">
<link rel="match" href="collapsed-border-partial-invalidation-001-ref.html">
<meta name="assert" content="Invalidating part of a border-collapsed table keeps border styling correctly.">
<style>
table {
border-collapse: collapse;
}
.group {
border-left: 1px solid black;
border-right: 3px solid black;
}
</style>
<table>
<tbody id="table">
<tr><td class="group">X</td></tr>
<tr><td>X</td></tr>
</tbody>
</table>
<script>
onload = function () {
// Make sure the table layout is flushed
table.getBoundingClientRect();
const tr = document.createElement('tr');
const td = document.createElement('td');
td.innerText = "X";
tr.appendChild(td);
table.appendChild(tr);
document.documentElement.className = "";
}
</script>
</html>
|
