<!doctype html>
<title>Invalidation works properly across siblings on different slots</title>
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1794720">
<link rel="match" href="invalidate-sibling-different-slots-ref.html">
<style>
.x { display: table-header-group; }
.x + * { color: green }
</style>
<details open="">
<summary id="a">Main summary</summary>
<summary>Should be green</summary>
</details>
<script>
onload = function() {
let a = document.getElementById("a");
a.getBoundingClientRect();
a.setAttribute("class", "x")
a.getBoundingClientRect();
};
</script>