summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-tables/absolute-tables-002.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/css-tables/absolute-tables-002.html')
-rw-r--r--testing/web-platform/tests/css/css-tables/absolute-tables-002.html78
1 files changed, 78 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-tables/absolute-tables-002.html b/testing/web-platform/tests/css/css-tables/absolute-tables-002.html
new file mode 100644
index 0000000000..74d956ba9e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-tables/absolute-tables-002.html
@@ -0,0 +1,78 @@
+<!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="mailto:dgrogan@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/css-tables-3/#used-width-of-table">
+<meta name="assert" content="When sizing and positioning abspos tables, the intrinsic width is obeyed when the intrinsic width is larger than specified width" />
+<style>
+.cb {
+ position: relative;
+ height: 200px;
+ width: 200px;
+ outline: 2px dashed lightblue;
+}
+
+.table {
+ background-color: orange;
+ position: absolute;
+ width: 50px;
+ right: 0px;
+}
+
+.cell {
+ border: 1px solid green;
+ width: 100px;
+}
+
+.cell > div {
+ width: 200px;
+}
+
+.vertical { writing-mode: vertical-lr; }
+.horizontal { writing-mode: horizontal-tb; }
+</style>
+
+<output id="log"></output>
+
+<main>
+<div class="cb">
+ <table class="table" data-expected-width=208 data-offset-x="-8">
+ <tr>
+ <td class="cell">
+ <div></div>
+ </td>
+ </tr>
+ </table>
+</div>
+<div class="cb vertical">
+ <table class="table horizontal" data-expected-width=208 data-offset-x="-8">
+ <tr>
+ <td class="cell">
+ <div></div>
+ </td>
+ </tr>
+ </table>
+</div>
+<div class="cb">
+ <table class="table vertical" data-expected-width=208 data-offset-x="-8">
+ <tr>
+ <td class="cell">
+ <div></div>
+ </td>
+ </tr>
+ </table>
+</div>
+<div class="cb vertical">
+ <table class="table vertical" data-expected-width=208 data-offset-x="-8">
+ <tr>
+ <td class="cell">
+ <div></div>
+ </td>
+ </tr>
+ </table>
+</div>
+</main>
+<script>
+ checkLayout(".table");
+</script>