summaryrefslogtreecommitdiffstats
path: root/layout/reftests/native-theme/checkbox-dynamic-1.html
blob: 582c6cc1c3d505e07b6375be6552fe865febeca5 (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
37
38
39
<!DOCTYPE html>
<html class="reftest-wait">
<head>
  <style>
    #checkbox {
       position: absolute;
       left: 0px;
       top: 0px;
       background: linear-gradient(to right, white, brown);
    }
    #toremove {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 100px;
       height: 0px;
       background: black;
    }
  </style>
</head>
<body>
  <div id="checkbox">
    <input type="checkbox">
  </div>
  <div id="toremove">
  </div>
</body>
<script type="text/javascript">
  var checkBox = document.getElementById("checkbox");
  var toRemove = document.getElementById("toremove");
  toRemove.style.height = checkBox.offsetHeight / 2 + 0.2 + "px";
  function boom()
  {
    toRemove.remove();
    document.documentElement.className = "";
  }
  window.addEventListener("MozReftestInvalidate", boom);
</script>
</html>