canvas-drag.html (1243B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>Dragging on a text-selectable canvas should not select it</title> 4 <link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez"> 5 <link rel="author" href="https://mozilla.com" title="Mozilla"> 6 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1969829"> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 <script src="/resources/testdriver.js"></script> 10 <script src="/resources/testdriver-actions.js"></script> 11 <script src="/resources/testdriver-vendor.js"></script> 12 <style> 13 canvas { 14 outline: 2px solid hotpink; 15 background-color: green; 16 width: 200px; 17 height: 200px; 18 } 19 </style> 20 Dragging across the green square should not select it.<br> 21 <canvas></canvas> 22 <script> 23 promise_test(async function() { 24 let canvas = document.querySelector("canvas"); 25 let rect = canvas.getBoundingClientRect(); 26 await new test_driver.Actions() 27 .pointerMove(rect.left + 2, rect.top + 2) 28 .pointerDown() 29 .pointerMove(rect.right - 2, rect.top + 2) 30 .pointerUp() 31 .send(); 32 assert_true(getSelection().isCollapsed, "Dragging a canvas shouldn't generate a non-collapsed selection"); 33 }); 34 </script>