OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Test touch adjustment to a non-rectilinear element.</title> | 4 <title>Test touch adjustment to a non-rectilinear element.</title> |
5 <script src="../resources/js-test.js"></script> | 5 <script src="../resources/js-test.js"></script> |
6 <script src="resources/touchadjustment.js"></script> | 6 <script src="resources/touchadjustment.js"></script> |
7 <style> | 7 <style> |
8 body { margin: 0px; padding: 0px; } | 8 body { margin: 0px; padding: 0px; } |
9 #container { | 9 #container { |
10 -webkit-box-sizing: border-box; | 10 -webkit-box-sizing: border-box; |
11 position: relative; | 11 position: relative; |
12 border: 1px solid black; | 12 border: 1px solid black; |
13 height: 100px; | 13 height: 100px; |
14 width: 100px; | 14 width: 100px; |
15 } | 15 } |
16 #rotated { | 16 #rotated { |
17 -webkit-box-sizing: border-box; | 17 -webkit-box-sizing: border-box; |
18 -webkit-transform: rotate(45deg); | 18 transform: rotate(45deg); |
19 border: 1px solid black; | 19 border: 1px solid black; |
20 height: 40px; | 20 height: 40px; |
21 left: 10px; | 21 left: 10px; |
22 position: absolute; | 22 position: absolute; |
23 top: 10px; | 23 top: 10px; |
24 width: 40px; | 24 width: 40px; |
25 } | 25 } |
26 </style> | 26 </style> |
27 | 27 |
28 </head> | 28 </head> |
(...skipping 74 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
103 testAdjustedTouches(); | 103 testAdjustedTouches(); |
104 testAdjustedPoints() | 104 testAdjustedPoints() |
105 e.container.style.display = 'none'; | 105 e.container.style.display = 'none'; |
106 } | 106 } |
107 } | 107 } |
108 runTests(); | 108 runTests(); |
109 </script> | 109 </script> |
110 | 110 |
111 </body> | 111 </body> |
112 </html> | 112 </html> |
OLD | NEW |