Xinha moves text area...

[James]

I'm using Xinha within a css positiond form:

.myform {

width: 600px; padding: 5px; margin: 30px auto;

}

.myform .row {

clear: both; padding-top: 5px;

}

.myform label {

text-align: right; width: 125px; float: left; padding-right: 10px;

}

.myform textarea {

width: 457px;

}

<div class="myform" id="myform">

<form action="myform.php" method="post">

<div class="row">

<label for="xinha">Label:</label> <textarea id="xinha" name="xinha" cols="60" rows="12"></textarea>

</div>

</form>

</div>

Without Xinha (or before Xinha converts the textarea the page looks correct:

Label: [ ]

However, once the Xinha script converts the area it has moved (you can see it move):

Label:

[ ]

The script shold convert the text area in place, and not move it. This behavior occurs with IE6 but not with FireFox? 1.03.

[James]

The automatic layout munged my visual example so:

Without Xinha (or before Xinha converts the textarea the page looks correct with the label to the left and the textarea to the right. However, once the Xinha script converts the area it has moved (you can see it move). It moves down a line and all the way to the left under and to the left of the label. The script shold convert the text area in place, and not move it. This behavior occurs with IE6 but not with FireFox?? 1.03. I've noticed that the text area is also a good 5-10 pixels wider after the conversion. I thought this might be accounting for the movement but even if I reduce the width of the textarea by 100px it still moves.

[gogo]

WONTFIX sorry, we have to move the textarea into the editing framework via DOM calls (extracts and inserts it into a different containment element). Fix your CSS to cope with it.