wpt / css / cssom-view / scrollTo-zoom.html

Status: FAIL | Duration: 13ms | Subtests: 0/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/cssom-view/scrollTo-zoom.html

<!DOCTYPE html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-element-scrollto">
<link rel="match" href="../reference/ref-nothing-below.xht" />
<meta name="assert" content="This test checks scrollTo() with different zoom levels.">
<style>
  .container {
    position: relative;
    width: 100px;
    height: 100px;
    overflow: scroll;
    background: red;
    scrollbar-width: none;
  }
  .container > div {
    position: absolute;
    left: 13px;
    top: 27px;
    width: 100px;
    height: 100px;
    background: white;
  }
</style>
<body style="background: white;">
  <p>Test passes if there is nothing below.</p>
  <div class="container" style="zoom: 0.9;">
    <div></div>
  </div>
  <div class="container" style="zoom: 1;">
    <div></div>
  </div>
  <div class="container" style="zoom: 1.11;">
    <div></div>
  </div>
  <div class="container" style="zoom: 1.5;">
    <div></div>
  </div>
  <script>
    Array.prototype.forEach.call(document.getElementsByClassName("container"), (el) => {
      el.scrollTo(13, 27);
    });
  </script>
</body>

/css/reference/ref-nothing-below.xht

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <title>CSS Reftest Reference</title>

  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />

 </head>

 <body>

  <p>Test passes if there is nothing below.</p>

 </body>
</html>