gecko/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionA.html
Ehsan Akhgari 14d4122730 Bug 157681 - Part 1: Add a test suite to make sure that dynamic changes to the position CSS properties work correctly; r=dbaron
These series of tests attempt to ensure conformance to the CSS 2.1
sections 10.3.7 and 10.6.4.
2012-06-06 00:53:33 -04:00

39 lines
1.1 KiB
HTML

<!DOCTYPE html>
<html id="parent" class="reftest-wait">
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="../handleprop.js" type="text/javascript"></script>
<style>
#child {
left: 100px;
top: 100px;
right: 20px;
bottom: 20px;
}
</style>
<script src="../horizontal/animate.js" type="text/javascript"></script>
<script type="text/javascript">
var counter = 0;
function play() {
if (counter < 100) {
var child = document.getElementById("child");
child.style.left = (parseInt(getComputedStyle(child, null).left.replace("px", "")) + 20) + "px";
child.style.top = (parseInt(getComputedStyle(child, null).top.replace("px", "")) + 10) + "px";
rfa(play);
counter += 10;
} else {
document.documentElement.removeAttribute("class");
}
}
rfa(play);
</script>
</head>
<body>
<div id="child">
<div class="floatLeft"></div>
<div class="floatLeft"></div>
</div>
</body>
</html>