Hi,
Just to let you know drag/dropping a div with the pie behaviour is really slow.
My work around is to just turn PIE off when dragging:
tile.style.behavior = "none"
However, when you try to re-add the behaviour it doesn't get removed along with the tile any more:
tile.style.behavior = "/PIE.htc"
document.body.removeChild(tile)
The div is removed, but the css3-container remains.
I have a test case that replicates the div not getting removed issue:
Code:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.a {
background-color:green;
border-style:solid;
border-width:1px;
border-color:black;
border-radius:8px;
behavior: url(/PIE.htc);
position:absolute;
width:100px;
height:100px;
}
</style>
</head>
<body>
<script type='text/javascript'>
var d1 = document.createElement("div")
document.body.appendChild(d1)
var d2 = document.createElement("div")
document.body.appendChild(d2)
d1.className = "a";
d2.className = "a";
d2.style.left="200px"
setTimeout(function() {
d1.style.behavior = "none";
}, 1000);
setTimeout(function() {
d1.style.behavior = "url(/PIE.htc)";
}, 2000);
setTimeout(function() {
document.body.removeChild(d2)
}, 3000);
setTimeout(function() {
document.body.removeChild(d1)
}, 4000);
</script>
</body>
</html>
Forums
