| 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 |