46 lines
1.1 KiB
HTML
46 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>This tests that child content is positioned properly when the parent compositing layer has zero width/height.</title>
|
|
<style>
|
|
.container {
|
|
position: absolute;
|
|
-webkit-transform: translateZ(0);
|
|
}
|
|
|
|
.child {
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 5px;
|
|
border: 0.5px solid red;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p id="container"></p>
|
|
<script>
|
|
var container = document.getElementById("container");
|
|
containerAdjustment = 0;
|
|
for (i = 0; i < 40; ++i) {
|
|
var childAdjustment = 0;
|
|
for (j = 0; j < 40; ++j) {
|
|
var c = document.createElement("div");
|
|
c.className = "container";
|
|
c.style.top = (6 * i + j * containerAdjustment) + "px";
|
|
c.style.left = (6 * j + i * containerAdjustment) + "px";
|
|
|
|
var child = document.createElement("div");
|
|
child.className = "child";
|
|
child.style.top = (6 * i + j * childAdjustment) + "px";
|
|
child.style.left = (6 * j + i * childAdjustment) + "px";
|
|
c.appendChild(child);
|
|
|
|
container.appendChild(c);
|
|
childAdjustment += 0.05;
|
|
}
|
|
containerAdjustment += 0.05;
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|