field-sizing-placeholder-stretch.html (525B)
1 <!DOCTYPE html> 2 <title>Placeholder should stretch input when field-sizing is applied.</title> 3 <link rel="help" href="https://drafts.csswg.org/css-ui-4/#field-sizing"> 4 <link rel=match href="field-sizing-placeholder-stretch-ref.html"> 5 <link rel="stylesheet" href="/fonts/ahem.css"> 6 7 <style> 8 ::placeholder { 9 font: 30px Ahem; 10 color: green; 11 } 12 input { 13 field-sizing: content; 14 padding: 0px; 15 border: none; 16 } 17 </style> 18 <input placeholder="PASS if not clipped"> 19 <input style="height: 0px;" placeholder="PASS if fully clipped">