[bug]textarea rendering bug

I found two quirks in textarea element
1] size is not calculated on current font-size
2] size does not take into account the amount of width needed
for the associated vertical scrollbar
Here is a minimized test document
//-------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title>Textarea:VE3LL@RAC.CA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
div {text-align:center;margin:auto}
.d {font-size:18px}
</style>
</head><body><h1>Textarea:VE3LL@RAC.CA</h1>
<p>Examples of textarea elements with different font-size. Note that the box
is the same size for both and that edges are lost. If font-size increased
to 20 pt, the horizontal scroll bar is triggered.  It appears as if box
calculation is not adjusted to current font size and also that it
does not take into account the space needed for the textArea scroller.
Compare with other browsers to see the desired result.</p>
<div><textarea cols="72" rows="5" readonly="readonly">
ul.navigation li {list-style:none;margin:0px 0.2em 0px 0px;padding:0px;
  float:left;background:#eee url(images/tabs-right.png) top right}
ul.navigation li a, ul.navigation li strong {display:block;height:2em;
  padding:0px 2em;background:url(images/tabs-left.png) no-repeat}
ul.navigation li strong a {display:inline;padding:0px;background:none}</textarea></div>
<p>&nbsp;</p>
<div><textarea class="d" cols="72" rows="5" readonly="readonly">
ul.navigation li {list-style:none;margin:0px 0.2em 0px 0px;padding:0px;
  float:left;background:#eee url(images/tabs-right.png) top right}
ul.navigation li a, ul.navigation li strong {display:block;height:2em;
  padding:0px 2em;background:url(images/tabs-left.png) no-repeat}
ul.navigation li strong a {display:inline;padding:0px;background:none}</textarea></div>
</body></html>

Received on Wednesday, 17 December 2008 17:16:33 UTC