[AC-1434] Dynamically Populated ScrollView is causing display issue on 3.3.0.GA

GitHub Issue	n/a
Type	Bug
Priority	n/a
Status	Closed
Resolution	Cannot Reproduce
Resolution Date	2014-09-04T07:42:42.000+0000
Affected Version/s	n/a
Fix Version/s	n/a
Components	Titanium SDK & CLI
Labels	TCSupportTriage, core, ios
Reporter	Tony Nuzzi
Assignee	Mauro Parra-Miranda
Created	2014-08-20T00:50:21.000+0000
Updated	2016-03-08T07:37:51.000+0000

Description

There seems to an issue with dynamically populated ScrollView in 3.3.0.GA. The issue is shown when the window is opened and popped on the Nav window. See images below. I have verified that is issue did not arise on SDK 3.2.3.GA. Looking at github it is unclear as to the reason why. The last change to ScrollView was back in 2013. Here is Alloy definition of my ScrollView and content: ".container":{ bottom: '10dp', left: '3%', width: '94%', height: Ti.UI.SIZE, layout: 'horizontal' } Dynamic content is added to the view page. N number of "Text" controllers are created and added to page. ".col-4":{ layout: 'vertical', width: '99.666666%', height: Ti.UI.SIZE, } ".text-default":{ font:{ fontFamily: "Baskerville", fontSize: 20 } } Note: Screen Shot 2014-08-19 at 7.36.30 PM.png - SDK 3.3.0.GA Screen Shot 2014-08-19 at 7.36.34 PM.png - SDK 3.2.3.GA Thanks, Tony

Attachments

File	Date	Size
Screen Shot 2014-08-19 at 7.36.30 PM.png	2014-08-20T00:50:21.000+0000	941090
Screen Shot 2014-08-19 at 7.36.34 PM.png	2014-08-20T00:50:21.000+0000	674416

Comments

Motiur Rahman 2014-08-23

Hello, We have tested this issue with dynamically populated scrollView . But we didn’t reproduce this as like reporter attached image.

Testing Environment:

Titanium SDK: 3.3.0.GA, 3.2.3.GA Titanium CLI: 3.3.0, IOS Simulator: 7.1, OS X Version: 10.9.4, Appcelerator Studio: 3.3.0

Steps to Test:

1. Create an alloy project. 2. Paste this code in index.js and index.xml file. 3. Run this code with the testing environment.

Test Code

   function label(i) {
   	var test = Ti.UI.createLabel({
   		text : 'Hello how are you?',
   		color : '#000',
   		font : {
   			fontFamily : "Baskerville",
   			fontSize : 18
   		},
   		height : Ti.UI.SIZE,
   		width : Ti.UI.SIZE,
   		left : 2,
   		top : 10
   
   	});
   	return test;
   }
   
   for (var i = 1; i < 200; i++) {
   	var view1 = label(i);
   	$.view.add(view1);
   };
   
   $.win.open();

   <Alloy>
   	<Window id="win" backgroundColor="white" exitOnClose="true" fullscreen="false" title="ScrollView Demo">
   		<ScrollView id="scrollView" showVerticalScrollIndicator="true"height="80%" width="Ti.UI.FILL">
   			<View id="view" backgroundColor="pink" left="3%" top="10" height="Ti.UI.SIZE" width="94%" layout="horizontal"></View>
   		</ScrollView>
   	</Window>
   </Alloy>

Thanks.

Mauro Parra-Miranda 2014-09-04

Will reopen if the reporter produces a runnable testcase.

JSON Source