blob: c093648528bc093f3f348c3e2e67d9f5be293134 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<title>Testcase Bug 851514</title>
<style>
#parent {
position: fixed;
height: 30px;
width: 30px;
background: green;
left: 70px;
top: 70px;
overflow:hidden;
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;
}
</style>
<script>
function doTest() {
var par = document.getElementById("parent");
// Flush layout
par.getBoundingClientRect();
par.style.display = "block";
document.documentElement.className = "";
}
</script>
</head>
<body onload="doTest();">
<div id="parent">
<div id="child"></div>
</div>
The purple block should be inside the green block.
</body>
</html>
|