Нужно проверить работает ли в нем такой код:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml" />
<title>Delayed [draggable] attribute test</title>
<style>
#draggable{
border: 1px dotted red;
background: #fee;
padding: 50px 0;
text-align: center;
-moz-user-select: none;
}
#draggable[draggable="true"]{
background: #FFA3A3;
}
</style>
</head>
<body>
<div id="draggable"></div>
<script>
var timerId = null;
var draggable = document.getElementById('draggable');
function disableDrag(){
draggable.draggable = false;
draggable.textContent = "Hold mouse left button (and don't move) during 500 ms";
}
function enableDrag(){
draggable.draggable = true;
draggable.textContent = "Now should be able to drag me";
}
draggable.onmousedown = function(e) {
timerId = setTimeout(enableDrag, 500);
}
draggable.ondragstart = function(e) {
e.dataTransfer.setData("Text", "abc");
}
document.onmouseup = document.ondragend = function(e) {
clearTimeout(timerId);
disableDrag();
}
disableDrag();
</script>
</body>
</html>
Жмем левой кнопкой по красной области и ждем пол секунды, не двигая мышь.
Область краснеет - пробуем водить мышкой. По идее область должна стать перетаскиваемой (а курсор запрещающий, типа ⊘). Это работает во всех браузерах, но не в IE9-10. Очень надеюсь что в 11 версии это исправлено. Хотя думаю что баг остался. Вобще они ушлепки. Отрепортил баг - они отметили его как not reproducible. А щас смотрю - так они вобще удалили оба моих репорта. Вобще не вижу их.