not-in-containing-block-chain.html (805B)
1 <!doctype html> 2 <meta name="viewport" content="width=device-width,initial-scale=1"> 3 <script src="/resources/testharness.js"></script> 4 <script src="/resources/testharnessreport.js"></script> 5 <link rel="help" href="https://github.com/w3c/IntersectionObserver/issues/457"> 6 <style> 7 div { 8 width: 100px; 9 height: 100px; 10 background: blue; 11 margin: 10px 12 } 13 </style> 14 <div id="target"></div> 15 <div id="root"></div> 16 <script> 17 let t = async_test("IntersectionObserver reports a (non-intersecting) entry even if not in the containing block chain"); 18 new IntersectionObserver( 19 t.step_func_done(function(records) { 20 assert_equals(records.length, 1); 21 assert_false(records[0].isIntersecting); 22 }), 23 { root: document.querySelector("#root") } 24 ).observe(document.querySelector("#target")); 25 </script>