| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../../resources/run-after-layout-and-paint.js"/> | 2 <script src="../../resources/run-after-layout-and-paint.js"/> |
| 3 <style> | 3 <style> |
| 4 #transformed { | 4 #transformed { |
| 5 width: 100px; | 5 width: 100px; |
| 6 height: 100px; | 6 height: 100px; |
| 7 background-color: green; | 7 background-color: green; |
| 8 transform: translateY(0); | 8 transform: translateY(0); |
| 9 } | 9 } |
| 10 </style> | 10 </style> |
| 11 <div id="transformed"> | 11 <div id="transformed"> |
| 12 </div> | 12 </div> |
| 13 <script> | 13 <script> |
| 14 runAfterLayoutAndPaint(function() { | 14 runAfterLayoutAndPaint(function() { |
| 15 var transformed = document.getElementById('transformed'); | 15 var transformed = document.getElementById('transformed'); |
| 16 transformed.style.transform = "translateY(1000px)"; | 16 transformed.style.transform = "translateY(1000px)"; |
| 17 if (window.eventSender) | 17 if (window.eventSender) |
| 18 eventSender.keyDown("End"); | 18 eventSender.keyDown("End"); |
| 19 }, true); | 19 }, true); |
| 20 </script> | 20 </script> |
| OLD | NEW |