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 |