[Qt] Broken controls rendering when transform is applied.
[WebKit-https.git] / ManualTests / qt / control_paiting_with_transforms.html
1 <html>
2 <head>
3   <script>
4     var d = 0;
5
6     function rotate() {
7       d+=1;
8       document.getElementById('text_rotate').style.webkitTransform = "rotate(" + d + "deg)";
9       document.getElementById('button_rotate').style.webkitTransform = "rotate(" + (360 - d) + "deg)";
10       setTimeout('rotate()', 10);
11     }
12   </script>
13 </head>
14 <body>
15   <p>This tests the quality of the control drawing, while transform is applied.<br>
16      Click on the button and check for quality regression, while rotating.</p>
17   <input type='button' value='rotate' onclick='rotate();'>
18   <input id='text_rotate'; style='position:absolute; left:300px; top:100px; -webkit-transform: rotate(0deg);' type='text' value=''>
19   <input id='button_rotate'; style='position:absolute; left:300px; top:300px; -webkit-transform: rotate(0deg);' type='button' value='                            '>
20 </body>
21 </html>
22
23