summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/repaint/remove-inline-layer-after-layout.html
blob: d0c632ed7ca8822a501f1fea0923ed7751f1a106 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<script src="resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
  var target = document.getElementById('target');
  target.style.margin = '100px';
  target.parentNode.offsetHeight;
  target.parentNode.removeChild(target);
}
onload = runRepaintTest;
</script>
<div style="height: 100px">
Tests invalidation after layouting and then removing a layered span. The span should disappear without any residue.
</div>
<div style="display: inline-block; width: 100px; height: 100px; background-color: green"></div>
<span id="target" style="opacity: 0.8">
  This span should disappear.
</span>
<div style="display: inline-block; width: 100px; height: 100px; background-color: green"></div>