Problem with scrollPane in or next to a container

The xml is very simple, but it troubles me many days, here is the XML demo:

<screen>
  <screenTopbar />
  <container  style="align:fill-top;layout:inlinelayout(false,fill)" id="titlecontainer">
        <container class="sumBar" style="align:top;layout:gridlayout(2,1)">
            <text style="align:left">%billList.label.total(@{total})%</text>
            <text style="align:right">%billList.label.checked(@{checked})%</text>
        </container>
        <container class="titleBar" style="align:top;layout:gridlayout(4,1)">
            <container class="titleBarCell">%title1%</container>
            <container class="titleBarCell">%title2%</container>
            <container class="titleBarCell">%title3%</container>
            <container class="titleBarCell">%title4%</container>
        </container>
  </container>
  <scrollpane id="listscrollpane">
        <list>
             <listitem></listitem>
             ....
        </list>
  </scrollpane>
</screen>

The problem is:

1. When I put the scrollpane next to a containter (as the DEMO xml):
The scrollpane will not display!! Looks like there is not scrollpane defined.

2. When I put the scrollpane which id is "listscrollpane" in the container "titlecontainer".
The scrollpane displayed, if there's listitem outside the screen, when I press the DOWN key to focus the selected listitem, no scrollbar display and the scrollpane can't scroll, but the listitem outside the screen can still be focused use the DOWN key...

Any assistant? Thanks a lot!

It is a very little bug of scrollpane,u can modify the source code by change needToAutoScroll default value:

needToAutoScroll = true;

Infact scrollPanel have so many problem,such as:

in the popup window of radiogroup,the selected item will not shown in the view rect.(It is a problem of radiogroup,but must resolve by modify scrollpane)

horizon and vertical scrollbar can not show int the some scrollpane

shappy1978 I have same problems with my screen:

<screen class="main" style="layout:borderlayout;align:center;padding:15 0 0 0;" shortcuts="right=goToSchedule|left=backToMenu" focusloop="true">
    <screenTopBar class="mainHeader">
        <picture src="logo.png" class="headerLogo" />
        <container style="layout:inlinelayout(true,fill);" class="headerText">
            <text class="red" style="align:center;">@{klass} </text>
            <text class="red" style="align:center;">%CLASS%</text>
        </container>
    </screenTopBar>
    <container style="layout:inlinelayout(false,fill);align:fill-top">
        <container class="titlebar" style="layout:gridlayout(2,1);align:fill-top">
            <text class="whiteTitle" style="align:left;font-size:small;">%SCHEDULE%</text>
            <text class="whiteTitle" style="align:right;font-size:small;">@{fullname}</text>
        </container>
          
        <scrollPane>
            <list>
                <_renderer>
                    <![CDATA[
                        <listItem class="listItems" onAction="goToSchedule">
                            <_onfocus>weekItemFocus(${id},${name},${date})</_onfocus>
                            <text class="listText">${date} - ${name}</text>
                            <picture class="listArrow" src="arrow.png" />
                        </listItem>
                    ]]>
                </_renderer>
                <_items>@{dayList}</_items>
            </list>
        </scrollPane>
    </container>

    <screenFirstMenu  onAction="goToSchedule">%SELECT%</screenFirstMenu>
    <screenSecondMenu  onAction="backToMenu">%BACK%</screenSecondMenu>

</screen>

Can you help?

I did - needToAutoScroll = true; But no effect.