| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>Pointer Event: Event sequence at implicit release on drag</title> | 4 <title>Pointer Event: Event sequence at implicit release on drag</title> |
| 5 <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/> | 5 <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/> |
| 6 <link rel="author" title="Google" href="http://www.google.com "/> | 6 <link rel="author" title="Google" href="http://www.google.com "/> |
| 7 <meta name="assert" content="When a captured pointer is implicitly released
after a drag, the boundary events should follow the lostpointercapture event."/> | 7 <meta name="assert" content="When a captured pointer is implicitly released
after a drag, the boundary events should follow the lostpointercapture event."/> |
| 8 <link rel="stylesheet" type="text/css" href="pointerevent_styles.css"> | 8 <link rel="stylesheet" type="text/css" href="pointerevent_styles.css"> |
| 9 <script src="/resources/testharness.js"></script> | 9 <script src="/resources/testharness.js"></script> |
| 10 <script src="/resources/testharnessreport.js"></script> | 10 <script src="/resources/testharnessreport.js"></script> |
| (...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 57 touch-action: auto; | 57 touch-action: auto; |
| 58 } | 58 } |
| 59 | 59 |
| 60 #done { | 60 #done { |
| 61 margin: 20px; | 61 margin: 20px; |
| 62 background-color: green; | 62 background-color: green; |
| 63 } | 63 } |
| 64 </style> | 64 </style> |
| 65 </head> | 65 </head> |
| 66 <body onload="run()"> | 66 <body onload="run()"> |
| 67 <h1>Pointer Event: Event sequence at implicit release on drag<h1> | 67 <h1>Pointer Event: Event sequence at implicit release on drag</h1> |
| 68 <h2 id="pointerTypeDescription"></h2> | 68 <h2 id="pointerTypeDescription"></h2> |
| 69 <h4> | 69 <h4> |
| 70 When a captured pointer is implicitly released after a drag, the boundary
events should follow the lostpointercapture event. | 70 When a captured pointer is implicitly released after a drag, the boundary
events should follow the lostpointercapture event. |
| 71 </h4> | 71 </h4> |
| 72 <ol> | 72 <ol> |
| 73 <li>Drag quickly down starting on Black.</li> | 73 <li>Drag quickly down starting on Black.</li> |
| 74 <li>Click or tap on Green.</li> | 74 <li>Click or tap on Green.</li> |
| 75 </ol> | 75 </ol> |
| 76 <div id="target"></div> | 76 <div id="target"></div> |
| 77 <div id="done"></div> | 77 <div id="done"></div> |
| 78 <div id="complete-notice"> | 78 <div id="complete-notice"> |
| 79 <p>The following pointer types were detected: <span id="pointertype-log"><
/span>.</p> | 79 <p>The following pointer types were detected: <span id="pointertype-log"><
/span>.</p> |
| 80 <p>The following events were logged: <span id="event-log"></span>.</p> | 80 <p>The following events were logged: <span id="event-log"></span>.</p> |
| 81 </div> | 81 </div> |
| 82 <div id="log"></div> | 82 <div id="log"></div> |
| 83 </body> | 83 </body> |
| 84 </html> | 84 </html> |
| OLD | NEW |