| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <style> | |
| 3 #box { | |
| 4 position: absolute; | |
| 5 top: 100px; | |
| 6 left: 100px; | |
| 7 width: 50px; | |
| 8 height: 50px; | |
| 9 background-color: blue; | |
| 10 } | |
| 11 </style> | |
| 12 | |
| 13 <p id="description"> | |
| 14 This test verifies the touch event target rects are updated correctly when | |
| 15 an element transfroms without causing layout. | |
| 16 </p> | |
| 17 | |
| 18 <div id="tests"> | |
| 19 <div id="box"></div> | |
| 20 </div> | |
| 21 <div id="console" style="display:none;"></div> | |
| 22 | |
| 23 <script src="resources/compositor-touch-hit-rects.js"></script> | |
| 24 <script> | |
| 25 | |
| 26 const box = document.getElementById("box"); | |
| 27 box.addEventListener("touchstart", () => {}, false); | |
| 28 internals.forceCompositingUpdate(document); | |
| 29 logRects(box, true); | |
| 30 | |
| 31 // The box should be able to translate to a new location | |
| 32 box.style.transform = "translate(50px,0px)"; | |
| 33 internals.forceCompositingUpdate(document); | |
| 34 logRects(box, true); | |
| 35 | |
| 36 document.getElementById("console").style.display = "block"; | |
| 37 | |
| 38 </script> | |
| OLD | NEW |