[css-sizing-3] Add tests for input/textarea max-content sizing. w3c/c…

…sswg-drafts#2141 and w3c/csswg-drafts#2663
fantasai · Jul 21, 2020 · 21b7555 · 21b7555
1 parent 9a68a82
commit 21b7555
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 0 deletions.
diff --git a/css/css-sizing/max-content-input-001-ref.html b/css/css-sizing/max-content-input-001-ref.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>Reference: max-content sizes of INPUT and TEXTAREA</title>
+
+<style>
+  input, textarea { font: 20px monospace; white-space: pre; }
+</style>
+
+<p><input value="sample text">
+
+<p><textarea class="h" rows=7 cols=12>sample text 1 sample text 1
+sample text 2 sample text 2
+sample text 3 sample text 3
+sample text 4 sample text 4
+sample text 5 sample text 5
+sample text 6 sample text 6
+sample text 7 sample text 7</textarea>
+
+<p><input value="sample text" style="width: 11ch">
+
+<p><textarea class="h" rows=3 cols=27>sample text 1 sample text 1
+sample text 2 sample text 2
+sample text 3 sample text 3</textarea>
diff --git a/css/css-sizing/max-content-input-001.html b/css/css-sizing/max-content-input-001.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<title>Test: max-content sizes of INPUT and TEXTAREA</title>
+<link rel="help" href="https://www.w3.org/TR/css-sizing-3/#intrinsic-sizes">
+<link rel="match" href="max-content-input-001-ref.html">
+<style>
+  input, textarea { font: 20px monospace; white-space: pre; }
+</style>
+
+<p><input style="height: max-content" value="sample text">
+
+<p><textarea style="height: max-content" rows=3 cols=12>sample text 1 sample text 1
+sample text 2 sample text 2
+sample text 3 sample text 3
+sample text 4 sample text 4
+sample text 5 sample text 5
+sample text 6 sample text 6
+sample text 7 sample text 7</textarea>
+
+<p><input value="sample text" style="width: max-content">
+
+<p><textarea class="h" rows=3 cols=12 style="width: max-content">sample text 1 sample text 1
+sample text 2 sample text 2
+sample text 3 sample text 3</textarea>