022.xhtml (1926B)
1 <?xml version="1.0" encoding="utf-8"?> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <script src="/resources/testharness.js"></script> 4 <script src="/resources/testharnessreport.js"></script> 5 <script src="/resources/testdriver.js"></script> 6 <script src="/resources/testdriver-vendor.js"></script> 7 <script src="/resources/testdriver-actions.js"></script> 8 <script src="../resources/test-helper.js"></script> 9 <head> 10 <title>Dropping image on the root scrollbar of an iframe. No drop event should be sent.</title> 11 <style type="text/css"> 12 p:first-child { 13 padding-left: 1em; 14 } 15 16 iframe { 17 height: 6em; 18 width: 3em; 19 } 20 21 img { 22 width: 5px; 23 height: 5px; 24 } 25 </style> 26 <script> 27 function dragImage() { 28 event.dataTransfer.effectAllowed = 'copy'; 29 } 30 </script> 31 </head> 32 <body ondragenter="event.preventDefault()" ondragover="return false"> 33 <p><img 34 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEElEQVR42mNgaGD4D8YwBgAw9AX9Y9zBwwAAAABJRU5ErkJggg==" 35 alt="PNG green pixel" ondragstart="dragImage()" /></p> 36 <p>Drag little square above and drop it on vertical scrollbar. The drop event should not be sent, and the word PASS should not appear in the iframe.</p> 37 <iframe src="helper-drop-vertical-scrollbar.xhtml">XHTML document</iframe> 38 <script> 39 async function test() { 40 await new Promise(loaded => window.addEventListener("load", loaded)); 41 42 const img = document.querySelector('img'); 43 const iframe = document.querySelector('iframe'); 44 const innerDoc = iframe.contentDocument || iframe.contentWindow.document; 45 const div = innerDoc.querySelector('div'); 46 47 dragDropTestNoDropEvent(img, div, 48 'Dragging the image to the vertical iframe scrollbar should NOT trigger drop event', 49 /*dragIframe=*/ null, iframe, DropPosition.RIGHT_SCROLLBAR); 50 } 51 test(); 52 </script> 53 </body> 54 </html>