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