summaryrefslogtreecommitdiffstats
path: root/layout/reftests/image/image-srcset-orientation-2x.html
blob: 18a7799e2f6f6c516bacd89a378b8bf4f18bc7b4 (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

<!DOCTYPE html>
<html reftest-zoom="2" class="reftest-wait">
<head>
    <style>img { image-orientation: 90deg flip; }</style>
    <script type="application/javascript">
    // reftest-zoom is only applied at onload, so ensure the source-selection
    // has happened after that
    function clearWait() {
      document.documentElement.classList.remove("reftest-wait");
    }
    window.addEventListener("load", function() {
      setTimeout(function() {
        var img = document.querySelector("img");
        img.onload = clearWait;
        img.onerror = clearWait;
        img.src = img.src;
      }, 0);
    });
  </script>
</head>
<body>
  <img srcset="200.png 2x" src="100.png">
  <p>Make sure orientation is respected when using both srcset and fallback-src selections</p>
</body>
</html>