hit-test-transformed-child.html (1171B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1146975"> 4 <style> 5 body { 6 margin: 8px; 7 } 8 </style> 9 <div style="columns:2; column-fill:auto; height:100px;"> 10 <div> 11 <div id="target" style="transform:translateX(100px) translateY(200px); width:50px; height:50px; background:blue;"></div> 12 </div> 13 </div> 14 <script src="/resources/testharness.js"></script> 15 <script src="/resources/testharnessreport.js"></script> 16 <script> 17 test(()=> { 18 assert_equals(document.elementFromPoint(108, 208), target); 19 assert_equals(document.elementFromPoint(157, 208), target); 20 assert_equals(document.elementFromPoint(157, 257), target); 21 }, "inside"); 22 23 test(()=> { 24 assert_not_equals(document.elementFromPoint(107, 208), target); 25 assert_not_equals(document.elementFromPoint(108, 207), target); 26 assert_not_equals(document.elementFromPoint(158, 257), target); 27 assert_not_equals(document.elementFromPoint(157, 258), target); 28 assert_not_equals(document.elementFromPoint(8, 8), target); 29 }, "outside"); 30 </script>