blob: 01059fa9559a1b258a8aac005e9e745cb09b1f74 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<style>
.absolute-container {
position: absolute;
height: 300px;
width: 300px;
background-color: #FF5252;
}
.absolute-block {
position: absolute;
width: 50%;
height: 50px;
top: 100px;
background-color: #03A9F4;
}
.static-block {
height: 100px;
width: 100px;
background-color: #76FF03;
}
.transform {
transform: translateX(0px);
}
</style>
<script>
if (window.testRunner) {
window.testRunner.waitUntilDone();
}
window.onload = function() {
if (window.testRunner) {
window.testRunner.DoNonMeasuredLayout();
}
var node = document.getElementById('node');
node.className = "static-block transform";
if (window.testRunner) {
window.testRunner.notifyDone();
}
}
</script>
</head>
<body>
<div class="absolute-container">
<div id="node" class="static-block">
<div class="absolute-block"></div>
</div>
</div>
</body>
</html>