blob: bfd535aae98c5350c53ea9b360ac5d29f515a5b8 [file] [log] [blame]
<!doctype html>
td {
width: 50px;
height: 50px;
padding: 0px;
<script src="../../resources/check-layout.js"></script>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<script type="text/javascript">
function shrinkRowBorder() {
document.getElementById("row").style.borderWidth = "4px";
runAfterLayoutAndPaint(shrinkRowBorder, true);
<p>There should be a square below with an internal blue border and external
black border. The external black border is around a shrink-to-fit div.</p>
<div style="float:left; border: 1px solid black" data-expected-width=60>
<table style="border-collapse:collapse" data-expected-width=58 data-expected-height=58>
<tr style="border:18px solid lightblue" id="row">