textarea-padding-iend-overlaps-content-001.tentative.html (1137B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>Test: padding-inline-end on a textarea creates space that content can render into</title> 4 <link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#the-textarea-element-2"> 5 <link rel="match" href="textarea-padding-iend-overlaps-content-001-ref.html"> 6 7 <link rel="stylesheet" href="/fonts/ahem.css"> 8 <style> 9 textarea { 10 font: 10px/1 Ahem; 11 12 /* Zero out the content-box, leaving the padding area as the only 13 place where the contents might get rendered. */ 14 inline-size: 0; 15 block-size: 10em; 16 17 padding-inline-end: 8em; 18 } 19 .rtl { direction: rtl; } 20 .vlr { writing-mode: vertical-lr; } 21 .vrl { writing-mode: vertical-rl; } 22 .slr { writing-mode: sideways-lr; } 23 .srl { writing-mode: sideways-rl; } 24 </style> 25 26 <textarea>X</textarea> 27 <textarea class="rtl">X</textarea> 28 <br> 29 <textarea class="vlr">X</textarea> 30 <textarea class="vrl">X</textarea> 31 <textarea class="slr">X</textarea> 32 <textarea class="srl">X</textarea> 33 <br> 34 <textarea class="vlr rtl">X</textarea> 35 <textarea class="vrl rtl">X</textarea> 36 <textarea class="slr rtl">X</textarea> 37 <textarea class="srl rtl">X</textarea>