Estou tentando implementar um Scroller (barra de rolagem na vertical), porém a barra de rolagem não funciona corretamente. Possui dois componentes que aceitam texto. A medida que vou digitando o primeiro componente cria uma barra de rolagem na vertical, porém ao atingir o limite da tela o segundo componente fica inacessível. Alguém poderia me ajudar?
Meu Scroller:
<an:Scroller id=“formScroller” verticalScrollPolicy=“on” width=“100%” height=“100%” minHeight=“50”>
<s:VGroup gap=“7” paddingBottom=“7” paddingLeft=“7” paddingRight=“7” width=“100%” height=“100%”
fontFamily=“Roboto”
fontSize="{DomainCache.settings.editorFontSize}"
enabled="{!saving}">
<f2:ReportageTextualContent id="textualContent" reportage="{reportage}"/>
<f2:ReportageSuggestionsInfo id="suggestionsGroup" reportage="{reportage}"/>
<s:List id="sectionsList" dataProvider="{reportage.sections}"
itemRenderer="reportage.form.ReportageSectionForm"
dragMoveEnabled="true"
dragComplete="sectionsList_dragCompleteHandler(event)"
dragEnter="sectionsList_disableCopy(event)"
dragOver="sectionsList_disableCopy(event)"
horizontalScrollPolicy="off" verticalScrollPolicy="on"
hasFocusableChildren="true" tabFocusEnabled="false"
useVirtualLayout="false"
height="100%" width="100%"
borderVisible="false" >
<s:layout>
<s:VerticalLayout gap="0" variableRowHeight="true" />
</s:layout>
</s:List>
</s:VGroup>
</an:Scroller>