| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <title>Hit test coplanar elements</title> | 3 <title>Hit test coplanar elements</title> |
| 4 <script src="point-mapping-helpers.js" type="text/javascript" charset="utf-8">
</script> | 4 <script src="point-mapping-helpers.js" type="text/javascript" charset="utf-8">
</script> |
| 5 | 5 |
| 6 <script type="text/javascript" charset="utf-8"> | 6 <script type="text/javascript" charset="utf-8"> |
| 7 | 7 |
| 8 function test() | 8 function test() |
| 9 { | 9 { |
| 10 dispatchEvent(44, 44, 'box1', 2, 2); | 10 dispatchEvent(44, 44, 'box1', 2, 2); |
| (...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 54 | 54 |
| 55 .transformed { | 55 .transformed { |
| 56 position: absolute; | 56 position: absolute; |
| 57 top: 20px; | 57 top: 20px; |
| 58 left: 30px; | 58 left: 30px; |
| 59 height: 100px; | 59 height: 100px; |
| 60 width: 200px; | 60 width: 200px; |
| 61 border: 1px solid black; | 61 border: 1px solid black; |
| 62 background-color: #AAA; | 62 background-color: #AAA; |
| 63 -webkit-box-sizing: border-box; | 63 -webkit-box-sizing: border-box; |
| 64 -webkit-transform: translateZ(20px); | 64 transform: translateZ(20px); |
| 65 } | 65 } |
| 66 | 66 |
| 67 #results { | 67 #results { |
| 68 position: absolute; | 68 position: absolute; |
| 69 left: 30px; | 69 left: 30px; |
| 70 top: 400px; | 70 top: 400px; |
| 71 } | 71 } |
| 72 | 72 |
| 73 #mousepos { | 73 #mousepos { |
| 74 position: absolute; | 74 position: absolute; |
| (...skipping 14 matching lines...) Expand all Loading... |
| 89 <div class="transformed box" id="box3" style="top: 60px;"></div> | 89 <div class="transformed box" id="box3" style="top: 60px;"></div> |
| 90 <div class="transformed box" id="box4" style="top: 100px;"></div> | 90 <div class="transformed box" id="box4" style="top: 100px;"></div> |
| 91 </div> | 91 </div> |
| 92 </div> | 92 </div> |
| 93 <p>When hit-testing coplanar elements, document order wins.</p> | 93 <p>When hit-testing coplanar elements, document order wins.</p> |
| 94 | 94 |
| 95 <div id="mousepos"></div> | 95 <div id="mousepos"></div> |
| 96 | 96 |
| 97 </body> | 97 </body> |
| 98 </html> | 98 </html> |
| OLD | NEW |