<!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>