<!DOCTYPE html>
<html>
<head>
<style>
.table {
    display: table;
    height: 100px;
    width: 100px;
    border: 10px green solid;
    padding: 40px;
}

.caption {
    display: table-caption;
    -webkit-writing-mode: vertical-lr;
    height: 100%;
    width: 100%;
    background-color: navy;
}
</style>
</head>
<script src="../../resources/check-layout.js"></script>
<body onload="checkLayout('.caption')">
<p><a href="https://bugs.webkit.org/show_bug.cgi?id=103075">Bug 103075</a>: RenderBox::computePercentageLogicalHeight should use containingBlockLogicalWidthForContent</p>
<p>This test checks that a table caption with an orthogonal writing mode properly uses the table's logical width (including padding and borders).</p>
<div class="table">
    <div class="caption" data-expected-width="200" data-expected-height="100"></div>
</div>
</body>
</html>
