hit-test-relative-in-transform.tentative.html (1371B)
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 style="transform:translateX(30px);"> 7 <div id="table" style="display:table; width:100%;"> 8 <div id="header" style="display:table-header-group; break-inside:avoid;"> 9 <div id="hitme" style="position:relative; left:30px; width:20px; height:20px;"></div> 10 </div> 11 <div style="display:table-row; break-inside:avoid;"> 12 <div style="height:60px; background:blue;"></div> 13 </div> 14 <div style="display:table-row; break-inside:avoid;"> 15 <div style="height:60px; background:blue;"></div> 16 </div> 17 </div> 18 </div> 19 </div> 20 <script src="/resources/testharness.js"></script> 21 <script src="/resources/testharnessreport.js"></script> 22 <script> 23 test(()=> { assert_equals(document.elementFromPoint(59, 10), header); }, "before first"); 24 test(()=> { assert_equals(document.elementFromPoint(70, 10), hitme); }, "first"); 25 test(()=> { assert_equals(document.elementFromPoint(91, 10), header); }, "after first"); 26 test(()=> { assert_equals(document.elementFromPoint(159, 10), header); }, "before second"); 27 test(()=> { assert_equals(document.elementFromPoint(170, 10), hitme); }, "second"); 28 test(()=> { assert_equals(document.elementFromPoint(181, 10), header); }, "after second"); 29 </script>