In FireFox 43, sia su Windows che in Ubuntu, non è possibile effettuare il drag di un elemento fieldset.
Utilizzo il seguente codice HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Drag+Drop</title>
<style type="text/css">
html, body {
width: 99.1%;
height: 99.1%;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#master {
width: 100%;
height: 100%;
margin: 0 0 0 0;
padding: 5px 0px 0px 5px;
}
#position {
position: absolute;
top: 50px;
left: 50px;
border: 2px solid blue;
min-width: 50px;
min-height: 50px;
}
</style>
<script type="text/javascript">
function dragStart(event) {
var dimension = event.target.getBoundingClientRect();
var data = event.target.id + ',' + (event.clientX - dimension.left) + ',' + (event.clientY - dimension.top);
event.dataTransfer.setData("text", data);
}
function drop(event) {
event.preventDefault();
var data = event.dataTransfer.getData("text").split(',');
console.log(data);
var element = document.querySelector("#"+data[0]);
var posx = event.clientX - parseInt(data[1]);
var posy = event.clientY - parseInt(data[2]);
element.setAttribute("style", "left: " + posx + "px; top: " + posy + "px;");
}
</script>
</head>
<body>
<div id="master" ondragover="event.preventDefault();" ondrop="drop(event)">
<div id="map" draggable="false"></div>
<fieldset id="position" draggable="true" ondragstart="dragStart(event)"></fieldset>
</div>
</body>
</html>Qualche suggerimento?
edit Underpass: cerca di usare il tag "code" per non sballare la visualizzazione del forum. Grazie 
Topic: Non è possibile effettuare il drag di un elemento fieldset (Letto 347 volte)