| OLD | NEW |
| 1 <script src='../../../resources/js-test.js'></script> | 1 <script src='../../../resources/js-test.js'></script> |
| 2 <style> | 2 <style> |
| 3 iframe { | 3 iframe { |
| 4 width: 300px; | 4 width: 300px; |
| 5 height: 300px; | 5 height: 300px; |
| 6 top: 100px; | 6 top: 100px; |
| 7 left: 50px; | 7 left: 50px; |
| 8 border: 0; | 8 border: 0; |
| 9 position: absolute; | 9 position: absolute; |
| 10 background: green; | 10 background: green; |
| 11 } | 11 } |
| 12 #outerFrame { | 12 #outerFrame { |
| 13 width: 500px; | 13 width: 500px; |
| 14 height: 500px; | 14 height: 500px; |
| 15 background: blue; | 15 background: blue; |
| 16 } | 16 } |
| 17 </style> | 17 </style> |
| 18 | 18 |
| 19 <div id='outerFrame'> | 19 <div id='outerFrame'> |
| 20 <iframe id='innerFrameElement' srcdoc=" | 20 <iframe id='innerFrameElement' srcdoc=" |
| 21 <body id='innerFrame' style='height:500px; width: 500px; padding: 0; margin: 0
;'> | 21 <body id='innerFrame' style='height:500px; width: 500px; padding: 0; margin: 0
;'> |
| 22 <script> | 22 <script> |
| 23 top.document.testEventList.forEach(function(eventName) { | 23 top.document.testEventList.forEach(function(eventName) { |
| 24 document.addEventListener(eventName, function(event) { | 24 document.addEventListener(eventName, function(event) { |
| 25 | 25 if (top.document.releaseTouchCapture && event.type == 'pointerdown') { |
| 26 // TODO(crbug.com/449649): Due to inconsistency of the frame vs page | 26 top.debug('--- Release pointer capture for ' + event.pointerId + ' -
--'); |
| 27 // event handling in EventHandler the releasePointerCapture and setPoi
nterCapture | 27 event.target.releasePointerCapture(event.pointerId); |
| 28 // do not work inside the iframe for touch pointer events. | 28 } |
| 29 | |
| 30 top.logEvent(event); | 29 top.logEvent(event); |
| 31 }); | 30 }); |
| 32 }); | 31 }); |
| 33 </script> | 32 </script> |
| 34 </body>"> | 33 </body>"> |
| 35 </iframe> | 34 </iframe> |
| 36 </div> | 35 </div> |
| 37 | 36 |
| 38 <div id='console'></div> | 37 <div id='console'></div> |
| 39 | 38 |
| (...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 129 if (window.eventSender) { | 128 if (window.eventSender) { |
| 130 testRunner.waitUntilDone(); | 129 testRunner.waitUntilDone(); |
| 131 window.onload = runTests; | 130 window.onload = runTests; |
| 132 } else | 131 } else |
| 133 debug('This test requires eventSender'); | 132 debug('This test requires eventSender'); |
| 134 | 133 |
| 135 description("This test verifies touch and corresponding pointerevent targets ins
ide and outside the iframe."); | 134 description("This test verifies touch and corresponding pointerevent targets ins
ide and outside the iframe."); |
| 136 | 135 |
| 137 </script> | 136 </script> |
| 138 | 137 |
| OLD | NEW |