diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-tables/tentative/element-sizing.html')
-rw-r--r-- | testing/web-platform/tests/css/css-tables/tentative/element-sizing.html | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-tables/tentative/element-sizing.html b/testing/web-platform/tests/css/css-tables/tentative/element-sizing.html new file mode 100644 index 0000000000..77e153ce3a --- /dev/null +++ b/testing/web-platform/tests/css/css-tables/tentative/element-sizing.html @@ -0,0 +1,34 @@ +<!doctype html> +<script src='/resources/testharness.js'></script> +<script src='/resources/testharnessreport.js'></script> +<script src="/resources/check-layout-th.js"></script> +<title>TABLE fragment sizes</title> +<link rel="author" title="Aleks Totic" href="atotic@chromium.org" /> +<link rel="help" href="https://drafts.csswg.org/css-tables-3/" /> + +<main> +<h1>TBODY/TR Element sizes and border spacing</h1> +<p>Legacy Chrome:TR includes start/end, not before/after. 1st TBODY includes before/after, 2nd TBODY includes only after, not before.</p> +<p>Firefox: TR/TBODY do not include start/end before/after.</p> +<p>Proposal: match firefox</p> + +<table style="width:100px;border-spacing:10px;background:#ddd"> + <tbody data-expected-width=80> + <tr data-expected-width=80> + <td data-expected-width=80>0,0</td> + </tr> + </tbody> +</table> + +<p>TR width is used for TD's percentage resolution</p> +<table style="width:120px;border-spacing:10px;background:#ddd"> + <tbody data-expected-width=100> + <tr data-expected-width=100> + <td style="padding:30%" data-expected-width=100 ><div data-offset-x=30>0,0</div></td> + </tr> + </tbody> +</table> +</main> +<script> + checkLayout("table"); +</script> |