gecko-dev/testing/web-platform/tests/css/css-tables/percent-width-ignored-002.tentative.html
David Grogan 7dd55d5ae1 Bug 1508544 [wpt PR 14139] - [css-tables] Some interop tests, a=testonly
Automatic update from web-platform-tests[css-tables] Some interop tests

The spec doesn't address some behavior that has interop. It also doesn't
address some related behavior that doesn't have interop. These tests
demonstrate both. Hopeful to spur some discussion on
https://github.com/w3c/csswg-drafts/issues/3336

Normally a cell with % width is resized based on an initial measure of
the table's intrinsic widths. But this is not done when the table is
itself inside of a table cell. Engines agree on this but it's not in the
specification.

Engines don't agree on ignoring this step when the table is inside a
shrink-to-fit block. Edge and Chrome perform the step, FF doesn't.

Bug: 613705
Change-Id: I4733b693bed754c3924fe357cdc6d5198d7613df
Reviewed-on: https://chromium-review.googlesource.com/c/1343530
Reviewed-by: Morten Stenshorne <mstensho@chromium.org>
Commit-Queue: David Grogan <dgrogan@chromium.org>
Cr-Commit-Position: refs/heads/master@{#609897}

--

wpt-commits: 9528b40ec3f1866a07ac5ccbde0fd8fb8b3df867
wpt-pr: 14139
2018-11-26 18:36:15 +00:00

19 lines
847 B
HTML

<!DOCTYPE html>
<script src='/resources/testharness.js'></script>
<script src='/resources/testharnessreport.js'></script>
<script src='/resources/check-layout-th.js'></script>
<link rel="author" title="David Grogan" href="dgrogan@chromium.org">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3336">
<meta name="flags" content="" />
<meta name="assert" content="Should cell's percent width be ignored when its table is nested in a shrink to fit block?" />
<p>Edge 44.17763 and Chrome 70 make this 300px wide. FF makes it 150px wide.</p>
<div id="stf" style="position:absolute; background:blue;" data-expected-width=300>
<table cellspacing="0" cellpadding="0">
<td style="width:50%;">
<div style="width:150px; height:150px;"></div>
</td>
</table>
</div>
<script>
checkLayout('#stf');
</script>