<!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>