Hi,
I am facing one problem with html text area as follows:
I have 8 text areas in a html page. first three text areas are enabled for user input and rest 5 text areas are disabled. User first enters some values in first three text areas and saves the record. When user views record and clicks on third text area then field can't modified sometimes. it depends on where the mouse is placed. If mouse is placed on the first line of 3rd text area then page doesn't allows to modify its content however if mouse is placed on second line of 3rd text area then page allows to modify content.
This problem is only with third text area and first two text areas are working fine.
<TABLE border="0" cellpadding="1" cellspacing="1" width="800">
<TR>
<TD colspan="2"><textarea cols="58" rows= "2" style="overflow: auto;" id = "one" name="first" onkeypress="return validateCharacter(this);">first</textarea></TD>
</TR>
<TR>
<TD colspan="2"><textarea cols="58" rows= "2" style="overflow: auto;" id = "two" name="second" onkeypress="return validateCharacter(this);">second</textarea></TD>
</TR>
<TR>
<TD colspan="2"><textarea cols="58" rows= "2" style="overflow: auto;" id = "three" name="third" onkeypress="return validateCharacter(this);">third</textarea></TD>
</TR>
<TR>
<TD colspan="2"><textarea cols="58" rows= "2" disabled style="overflow: auto;" id = "four" name="fourth" onkeypress="return validateCharacter(this);">fourth</textarea></TD>
</TR>
<TR>
<TD colspan="2"><textarea cols="58" rows= "2" disabled style="overflow: auto;" id = "five" name="fifth" onkeypress="return validateCharacter(this);">fifth</textarea></TD>
</TR>
<TR>
<TD colspan="2"><textarea cols="58" rows= "2" disabled style="overflow: auto;" id = "six" name="sixth" onkeypress="return validateCharacter(this);">sixth</textarea></TD>
</TR>
<TR>
<TD colspan="2"><textarea cols="58" rows= "2" disabled style="overflow: auto;" id = "seven" name="seven" onkeypress="return validateCharacter(this);">seven</textarea></TD>
</TR>
<TR>
<TD colspan="2"><textarea cols="58" rows= "2" disabled style="overflow: auto;" id = "eight" name="eirth" onkeypress="return validateCharacter(this);">eirth</textarea></TD>
</TR>
</TABLE>