| <!doctype html> |
| <meta charset="utf-8"> |
| <title>Drag and Drop: interaction between effectAllowed and dropEffect</title> |
| <link rel="help" href="https://html.spec.whatwg.org/multipage/interaction.html#drag-and-drop-processing-model"> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <script src="resources/dropEffect-common.js"></script> |
| <style> |
| .box { |
| border: 1px solid black; |
| width: 100px; |
| height: 100px; |
| } |
| </style> |
| |
| <p> |
| Please drag the green box into the "Drop Here" box repeatedly, until the test |
| ends. |
| </p> |
| |
| <p> |
| <img class="dragged box no-ondragstart" src="resources/greenbox.png"> |
| </p> |
| |
| <div class="dropzone box"> |
| Drop Here |
| </div> |
| |
| <p> |
| Current test: <code id="test-description"></code> |
| </p> |
| |
| <script> |
| |
| dropEffectTests([ |
| { drop: 'copy', operation: 'copy' }, |
| { drop: 'link', operation: 'link' }, |
| { drop: 'move', operation: 'move' }, |
| { drop: 'none' }, |
| { drop: 'dummy', operation: 'copy' }, |
| ]); |
| |
| </script> |
