| zalan@apple.com | 3bc1f3d | 2016-03-18 01:53:58 +0000 | [diff] [blame] | 1 | <!DOCTYPE html> |
| 2 | <html> |
| 3 | <head> |
| 4 | <title>This tests that we position composited content properly when they are clipped to the viewport.</title> |
| 5 | <style> |
| 6 | .jiggle { |
| 7 | width: 20px; |
| 8 | height: 5px; |
| 9 | position: absolute; |
| 10 | background: green; |
| 11 | } |
| 12 | </style> |
| 13 | </head> |
| 14 | <body> |
| 15 | <script> |
| 16 | var leftPos = 0; |
| 17 | for (i = 0; i < 50; ++i) { |
| 18 | var element = document.createElement("div"); |
| 19 | element.className = "jiggle"; |
| 20 | element.style.top = (6 * i) + "px"; |
| 21 | element.style.left = leftPos + "px"; |
| 22 | document.body.appendChild(element); |
| 23 | leftPos -= 0.1; |
| 24 | } |
| 25 | </script> |
| 26 | </html> |
