| <!doctype html> |
| <meta name="viewport" content="width=device-width,initial-scale=1"> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <link rel="help" href="https://github.com/w3c/IntersectionObserver/issues/457"> |
| <style> |
| div { |
| width: 100px; |
| height: 100px; |
| background: blue; |
| margin: 10px |
| } |
| </style> |
| <div id="target"></div> |
| <div id="root"></div> |
| <script> |
| let t = async_test("IntersectionObserver reports a (non-intersecting) entry even if not in the containing block chain"); |
| new IntersectionObserver( |
| t.step_func_done(function(records) { |
| assert_equals(records.length, 1); |
| assert_false(records[0].isIntersecting); |
| }), |
| { root: document.querySelector("#root") } |
| ).observe(document.querySelector("#target")); |
| </script> |
