hit-test-transformed-inline.html (1264B)
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=1308124"> 4 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> 5 <style> 6 body { 7 margin: 0; 8 } 9 #mc { 10 columns: 2; 11 gap: 0; 12 column-fill: auto; 13 width: 600px; 14 height: 20px; 15 line-height: 20px; 16 font: 20px/1 ahem; 17 } 18 </style> 19 <div id="mc"> 20 <span id="span" style="backface-visibility:hidden; filter:blur(1px);"> 21 x<child id="firstchild">x</child><br> 22 <child id="secondchild">x</child>x 23 </span> 24 </div> 25 <script src="/resources/testharness.js"></script> 26 <script src="/resources/testharnessreport.js"></script> 27 <script> 28 promise_setup(() => document.fonts.ready); 29 30 promise_test(async () => { 31 assert_equals(document.elementFromPoint(10, 10).id, "span"); 32 }, "First x"); 33 34 promise_test(async () => { 35 assert_equals(document.elementFromPoint(30, 10).id, "firstchild"); 36 }, "First child"); 37 38 promise_test(async () => { 39 assert_equals(document.elementFromPoint(310, 10).id, "secondchild"); 40 }, "Second child"); 41 42 promise_test(async () => { 43 assert_equals(document.elementFromPoint(330, 10).id, "span"); 44 }, "Last x"); 45 </script>