Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-24279] Windows: ScrollView don't scroll the content

GitHub Issuen/a
TypeBug
PriorityHigh
StatusClosed
ResolutionDuplicate
Resolution Date2017-01-06T07:36:41.000+0000
Affected Version/sn/a
Fix Version/sRelease 6.0.0
ComponentsWindows
LabelsscrollView, windows, windows8.1, windows_phone
ReporterLuca Sartori
AssigneeKota Iguchi
Created2017-01-05T16:50:07.000+0000
Updated2017-03-21T23:14:25.000+0000

Description

ScrollView don't scroll the content. Scrollview instead clip the exceeded content. i have tryied the simple examples that i found on the official documentation: [http://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI.ScrollView] I attach screenshots captured on the windows phone 8.1 emulator. When you try to scroll (vertically or horizontally) the only result is the bounce effect of the clipped content. Example 1:
 var win = Ti.UI.createWindow({
   backgroundColor:'white'
 });
 
 if (Ti.UI.Android){
   win.windowSoftInputMode = Ti.UI.Android.SOFT_INPUT_ADJUST_PAN;
 }
 
 function createRow(i) {
   var row = Ti.UI.createView({
     backgroundColor: 'white',
     borderColor: '#bbb',
     borderWidth: 1,
     width:'100%', height: 70,
     top: 0, left: 0
   });
   var inputTextField = Ti.UI.createTextField({
     hintText: 'Enter value ' + i,
     keyboardType: Ti.UI.KEYBOARD_NUMBERS_PUNCTUATION,
     top: 10, left: '10%',
     width: '80%', height: 60
   });
   row.add(inputTextField);
   return row;
 }
 
 var scrollView = Ti.UI.createScrollView({
   bottom:120,
   layout: 'vertical'
 });
 
 for(var i = 0; i <= 20; i++){
 var row = createRow(i);
   scrollView.add(row);
 }
 win.add(scrollView);
 
 var label = Ti.UI.createLabel({
   backgroundColor:'darkgray',
   text: 'Your advert here',
   textAlign: 'center',
   bottom:0,
   width: Titanium.UI.FILL,
   height:100
 });
 win.add(label);
 win.open();
Example 2:
<Alloy>
    <Window id="win" backgroundColor="white" exitOnClose="true" fullscreen="false" title="ScrollView Demo">
        <ScrollView id="scrollView" showVerticalScrollIndicator="true" showHorizontalScrollIndicator="true" height="80%" width="80%">
            <View id="view" backgroundColor="#336699" borderRadius="10" top="10" height="2000" width="1000" />
        </ScrollView>
    </Window>
</Alloy>

Attachments

FileDateSize
example_1.png2017-01-05T16:35:01.000+000016746
example_2.png2017-01-05T16:49:55.000+00003278

Comments

  1. Hans Knöchel 2017-01-05

    [~kota] Something you might know something about?
  2. Kota Iguchi 2017-01-06

    Duplicate of TIMOB-23930, this should be fixed in 6.0.0.
  3. Lee Morris 2017-03-21

    Closing ticket as duplicate with reference to the above comments and links.

JSON Source