summaryrefslogtreecommitdiffstats
path: root/layout/reftests/layers/component-alpha-exit-1.html
blob: 2e7902ab6d021263da74fbf286a70179766ed0c2 (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">
<title>Test transition from component-alpha layer to single-alpha layer</title>
<script type="text/javascript">
document.addEventListener("MozReftestInvalidate", function scrollOnePixelDown () {
  var scrollbox = document.getElementById("scrollbox");
  window.addEventListener("MozAfterPaint", function() {
    scrollbox.scrollTop = 1000;
    document.documentElement.className = "";
  }, {once: true});
  scrollbox.scrollTop = 1; // activate scroll layer
});
</script>
<style>
#scrollbox {
  margin: 20px;
  width: 300px;
  height: 400px;
  overflow-y: hidden;
  background: linear-gradient(#FFF, #FFF);
}

#inner {
  background-color: #000;
  margin-top: 10px;
  height: 5px;
  line-height: 5px;
  padding-bottom: 400px;
}
</style>

<div id="scrollbox">
  <div id="inner">
    Text
  </div>
</div>