Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>
<html class="reftest-wait">
<title>Testcase Bug 851514</title>
#parent {
position: fixed;
height: 30px;
width: 30px;
background: green;
left: 70px;
top: 70px;
display: none; /* So we can make sure there is only one frame construction
and one reflow for the parent + child thing */
#child {
position: fixed;
top: auto;
left: auto;
width: 10px;
height: 10px;
background: purple;
function doTest() {
var par = document.getElementById("parent");
// Flush layout
par.getBoundingClientRect(); = "block";
document.documentElement.className = "";
<body onload="doTest();">
<div id="parent">
<div id="child"></div>
The purple block should be inside the green block.