<!doctype html>
<title>Dropping onto the title bar and UI</title>
<script type="text/javascript">
window.onload = function () {
  document.getElementsByTagName('ul')[0].ondragstart = function () {
    e.dataTransfer.effectAllowed = 'copy';
    e.dataTransfer.setData('text','c');
  };
};
</script>
<ul draggable="true">
  <li>Drag this text upwards to the browser window's title bar.</li>
  <li>Release the drag. Fail if the drag placeholder does not disappear.</li>
  <li>Start dragging again over a blank part of the page (below the text). Fail if the placeholder starts following the mouse again.</li>
  <li>Release the drag over the browser's UI (e.g. the address bar). Fail if the browser crashes.</li>
</ul>
