<!DOCTYPE html>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=199692
-->
<head>
  <title>Scrolled page for bug 199692 tests</title>
  <style type="text/css">
/* Disable default margins/padding/borders so (0, 0) gets a div. */
* { margin: 0; padding: 0; border: 0; }
  </style>
  <script type="application/javascript">
function $(id) { return document.getElementById(id); }

function runTests()
{
  var is = window.parent.is;

  is(document.elementFromPoint(0, 0), $("down"),
     "document.elementFromPoint not respecting scrolling?");
  is(document.elementFromPoint(200, 200), null,
     "should have returned null for a not-visible point");
  is(document.elementFromPoint(3, -5), null,
     "should have returned null for a not-visible point");
}
  </script>
</head>
<!-- This page is loaded in a 200px-square iframe scrolled to #down. -->
<body>
<div style="height: 150px; background: lightblue;">first</div>
<div id="down" style="height: 250px; background: lightgreen;">second</div>
</body>
</html>

