list-and-block-textarea-001.html (901B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Lists: test list with textarea as its first child</title> 4 <link rel=help href="https://www.w3.org/TR/CSS22/generate.html#lists"> 5 <!-- https://bugs.chromium.org/p/chromium/issues/detail?id=767408 --> 6 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 10 <style> 11 12 ul, textarea { 13 font-size: 16px; 14 } 15 </style> 16 17 <div id="log"></div> 18 19 <ul> 20 <li id="target1"> 21 <textarea id="target2" rows="3" cols="20" style="display:block; height:45px"> 22 hello 23 </textarea> 24 </li> 25 </ul> 26 27 <script> 28 test(function() { 29 var height1 = document.getElementById("target1").offsetHeight; 30 var height2 = document.getElementById("target2").offsetHeight; 31 assert_equals(height1, height2, "List marker and textarea should be in the same line, no line-break between them.") 32 }, "list and block textarea"); 33 34 </script>