TextArea inside ScrollPane issues

I have a TextArea with long text inside it, I put the TextArea inside ScrollPane as following:

<screen  Title="Testing Scroll Pane">
    <scrollPane >
        <scrollpanecontainer >
        <textarea id="TextArea">
                <![CDATA[
                Paragraph 1:
                Hi,
                This is a test for TextArea with long text to see how it works with scrollpane.
                After this sentence there is anew line.
                If it doesn't appear this means there is a problem in rendering new lines
                Paragraph 2:
                Hi,
                This is a test for TextArea with long text to see how it works with scrollpane.
                After this sentence there is anew line.
                If it doesn't appear this means there is a problem in rendering new lines
                Paragraph 3:
                Hi,
                This is a test for TextArea with long text to see how it works with scrollpane.
                After this sentence there is anew line.
                If it doesn't appear this means there is a problem in rendering new lines
                ]]>
        </textarea>
        </scrollpanecontainer>
    </scrollPane>
    <screenSecondMenu onAction="back">back</screenSecondMenu>
</screen>

The result is in the following snapshot:

I found these two bugs:

1- I cannot scroll down or up although the scroll bar appears correctly (see snapshot).

2- New lines in TextArea are omitted and not rendered.

Hi,

did you find solution for new line (line break) ?

I would like to format text defined in xml, but I can't make new line.

I tried <br/> with and without <!CDATA[[ block but with no success.

Any ideas ?

tnx

You have to set the styled-Attribute to true in order to allow the usage of <br/>

<textarea id="TextArea" styled="true">

line 1<br/>

line 2<br/>

line 3

</textarea>

to ramez, just remove scrollPaneContainer. It's work