Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-writing-modes/orthogonal-containing-block-height-changes.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<link rel="match" href="orthogonal-containing-block-height-changes-ref.html">
<meta name="assert" content="orthogonal child box should get resized when containing block content box shrinks">
<style>
#container {
height: 100px;
box-sizing: border-box;
}
.child {
writing-mode: vertical-rl;
width: 50px;
height: 100%;
background-color: green;
}
</style>
<div id=container>
<div class=child></div>
</div>
<script>
document.body.offsetTop;
container.style.paddingBottom = "50px";
</script>