pointerdown-add-overflow-hidden.html (1073B)
1 <!doctype html> 2 <script src="/resources/testharness.js"></script> 3 <script src="/resources/testharnessreport.js"></script> 4 <script src="/resources/testdriver.js"></script> 5 <script src="/resources/testdriver-vendor.js"></script> 6 <script src="/resources/testdriver-actions.js"></script> 7 <head> 8 <title>Test dragging still occurs when pointerdown adds overflow:hidden to the dragged element</title> 9 <style> 10 .dragging { 11 overflow: hidden; 12 } 13 </style> 14 </head> 15 <body> 16 <li id="item" draggable="true"> 17 Item 1 18 </li> 19 <script> 20 21 promise_test(function() { 22 return new Promise(r => { 23 item.addEventListener("pointerdown", function() { 24 item.classList.add("dragging"); 25 }); 26 27 item.addEventListener("dragstart", function(e) { 28 assert_equals(e.target, item); 29 r(); 30 }); 31 32 new test_driver.Actions() 33 .pointerMove(0, 0, {origin: item}) 34 .pointerDown() 35 .pointerMove(10, 10, {origin: item}) 36 .pointerUp() 37 .send(); 38 }); 39 }, "dragstart should still fire when the dragged element gets overflow:hidden in its pointerdown"); 40 </script> 41 </body> 42 </html>