W3C home > Mailing lists > Public > www-amaya@w3.org > October to December 2008

[bug]textarea rendering bug

From: <ve3ll@cogeco.ca>
Date: Wed, 17 Dec 2008 12:16:02 -0500
To: Amaya <www-amaya@w3.org>
Message-ID: <4948ED82.2045.23ECB7@ve3ll.cogeco.ca>

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

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 22:30:56 UTC