max-content-input-001.html (834B)
1 <!DOCTYPE html> 2 <title>Test: max-content sizes of INPUT and TEXTAREA</title> 3 <link rel="help" href="https://www.w3.org/TR/css-sizing-3/#intrinsic-sizes"> 4 <link rel="match" href="max-content-input-001-ref.html"> 5 <style> 6 input, textarea { font: 20px monospace; white-space: pre; } 7 </style> 8 9 <p><input style="height: max-content" value="sample text"> 10 11 <p><textarea style="height: max-content" rows=3 cols=12>sample text 1 sample text 1 12 sample text 2 sample text 2 13 sample text 3 sample text 3 14 sample text 4 sample text 4 15 sample text 5 sample text 5 16 sample text 6 sample text 6 17 sample text 7 sample text 7</textarea> 18 19 <p><input value="sample text" style="width: max-content"> 20 21 <p><textarea class="h" rows=3 cols=12 style="width: max-content">sample text 1 sample text 1 22 sample text 2 sample text 2 23 sample text 3 sample text 3</textarea>