28 lines
760 B
HTML
28 lines
760 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>CSS Flexbox: absolutely position child removal.</title>
|
|
<link rel="stylesheet" href="support/flexbox.css" >
|
|
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#abspos-items">
|
|
<meta name="assert" content="This test ensures that removing absolute positioned flexbox children works."/>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="outer" class="inline-flexbox">
|
|
<div id="middle" class="inline-flexbox">
|
|
<div id="inner" style="position: absolute">absolute</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
var outer = document.getElementById("outer");
|
|
var middle = document.getElementById("middle");
|
|
var inner = document.getElementById("inner");
|
|
|
|
// Force layout.
|
|
outer.offsetHeight;
|
|
|
|
middle.removeChild(inner);
|
|
</script>
|
|
</body>
|
|
</html>
|