hit-test-relative.tentative.html (1296B)
1 <!DOCTYPE html> 2 <style> 3 body { margin: 0; } 4 </style> 5 <div style="columns:2; width:200px; gap:0; column-fill:auto; height:100px;"> 6 <div id="table" style="display:table; width:100%;"> 7 <div id="header" style="display:table-header-group; break-inside:avoid;"> 8 <div id="hitme" style="position:relative; left:30px; width:20px; height:20px;"></div> 9 </div> 10 <div style="display:table-row; break-inside:avoid;"> 11 <div style="height:60px; background:blue;"></div> 12 </div> 13 <div style="display:table-row; break-inside:avoid;"> 14 <div style="height:60px; background:blue;"></div> 15 </div> 16 </div> 17 </div> 18 <script src="/resources/testharness.js"></script> 19 <script src="/resources/testharnessreport.js"></script> 20 <script> 21 test(()=> { assert_equals(document.elementFromPoint(29, 10), header); }, "before first"); 22 test(()=> { assert_equals(document.elementFromPoint(40, 10), hitme); }, "first"); 23 test(()=> { assert_equals(document.elementFromPoint(61, 10), header); }, "after first"); 24 test(()=> { assert_equals(document.elementFromPoint(129, 10), header); }, "before second"); 25 test(()=> { assert_equals(document.elementFromPoint(140, 10), hitme); }, "second"); 26 test(()=> { assert_equals(document.elementFromPoint(151, 10), header); }, "after second"); 27 </script>