summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bugs/1018522-1.html
blob: f918afa93ff31ad10c2ade3d3d1bac06ab7d9d01 (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
<!DOCTYPE html>
<html class="reftest-wait">
<title>Test that opacity changes on layers make the Compositor repaint the right area</title>

<style>

#box {
  width: 100px;
  height: 100px;
  border: 10px solid black;
  opacity: 1;
  will-change: opacity;
}

#box.halfTransparent {
  opacity: 0.5;
}

</style>

<div id="box"></div>

<script>

window.addEventListener("MozReftestInvalidate", function (e) {
  document.getElementById("box").className = "halfTransparent";
  document.documentElement.removeAttribute("class");
});

</script>