236131 - Using += to assign innerHTML to a textarea has text selecting problems

Status: RESOLVED DUPLICATE of bug 215228

(Core :: Layout: Form Controls, defect)

Description

[XFox]

User-Agent:       
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7a) Gecko/20040219

See attachment for an example page.

Reproducible: Always
Steps to Reproduce:
1.Create a form that contains a textarea and an input button
2.Make a javascript function containing a for loop that will modify the
innerHTML of the textarea with strings using +=
3. Click the button.

Actual Results:  
The first insert worked, but all following inserts (+=) can't be selected. Also,
any text that won't fit in the row will be cut off and won't be displayed. And
the input button will move to the left after being clicked.

Expected Results:  
The text should be pasted properly and able to be highlighted. The input button
should not move.

This is a bug with the innerHTML of a textarea. It doesn't seem to have a
problem if you address the value of the textarea instead of the innerHTML

Comment 1

[XFox]

Attachment: Example script for the textarea and input button problems

Comment 2

[XFox]

The part of the input button moving only happens if you add a \n into the
appended string (newline problems in textarea already addressed but don't cover
this. May be related to Bug 162268).

Comment 3

[Jesiah S]

Dupe of bug 215228  except it doesn't seem to cover that if you don't put in a
'\n' it will enlarge the TEXTAREA.
Moving to Layout Form Controls like bug 215228

Comment 4

[:Gavin Sharp [email: [e-mail]]]

*** This bug has been marked as a duplicate of 215228 ***