[TIMOB-26972] ScrollableView inside ListView not working when using Alloy

<Alloy>
	<Window>
		<ListView id='list' height="Ti.UI.FILL" width="Ti.UI.FILL">
			<Templates>
				<ItemTemplate name='bannerTemplate' class='localItemSize'>
					<ScrollableView id='bannersScrollable' height="200" width="Ti.UI.FILL" backgroundColor="maroon">
						<View backgroundColor='white' height="100" width="Ti.UI.FILL"/>
						<View backgroundColor='blue' height="100" width="Ti.UI.FILL"/>
					</ScrollableView>
				</ItemTemplate>
			</Templates>

			<ListSection id='titleSection'>
				<ListItem template='bannerTemplate'/>
				<ListItem template='bannerTemplate'/>
				<ListItem template='bannerTemplate'/>
				<ListItem template='bannerTemplate'/>
				<ListItem template='bannerTemplate'/>
				<ListItem template='bannerTemplate'/>
			</ListSection>
		</ListView>
	</Window>
</Alloy>

var win = Ti.UI.createWindow({
    backgroundColor: "#000"
});

var scrollableViewTemplate = {
	childTemplates: [{
		type: 'Ti.UI.ScrollableView',
		bindId: 'scrollableView',
		properties: {
			height: 200,
			views: [
				Ti.UI.createView({
					backgroundColor: 'red'
				}),
				Ti.UI.createView({
					backgroundColor: 'blue'
				}),
				Ti.UI.createView({
					backgroundColor: 'green'
				})
			]
		}
	}]
};

var items = [{
	template: 'scrollableView'
}];

for (var i = 0; i < 40; i++) {
	items.push({
		properties: {
			title: 'Item',
			height: 50
		}
	});
}

var section = Ti.UI.createListSection({
	items: items
});

var listView = Ti.UI.createListView({
	templates: {
		'scrollableView': scrollableViewTemplate
	},
	sections: [section]
});

win.add(listView);
win.open();