Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-24370] Universal Windows App (UWP): ScrollView doesn't scroll horizontally when the content is larger

GitHub Issuen/a
TypeBug
PriorityHigh
StatusClosed
ResolutionCannot Reproduce
Resolution Date2017-02-06T09:12:48.000+0000
Affected Version/sRelease 6.0.0
Fix Version/sRelease 6.1.0
ComponentsWindows
Labelsn/a
ReporterShuo Liang
AssigneeKota Iguchi
Created2017-02-03T06:17:28.000+0000
Updated2017-02-06T18:48:26.000+0000

Description

Related to cases TIMOB-24222, only TIMOB-24222 fixed the vertical one. This case is created for horizontal.

Attachments

FileDateSize
index.js2017-02-04T04:25:01.000+000066
index.tss2017-02-04T04:25:14.000+0000395
index.xml2017-02-04T04:25:20.000+00004652

Comments

  1. Kota Iguchi 2017-02-03

    [~sliang] Can you add a sample code that reproduces the issue? I tried following code but I was able to scroll horizontally in this case.
       var win = Ti.UI.createWindow({
           backgroundColor: 'green'
       });
       
       function createRow(i) {
           var row = Ti.UI.createView({
               backgroundColor: 'white',
               borderColor: '#bbb',
               borderWidth: 1,
               width: 200, height: 100
           });
           var inputTextField = Ti.UI.createTextField({
               hintText: 'Enter value ' + i,
               top: 10, left: '10%',
               width: '80%', height: 60
           });
           row.add(inputTextField);
           return row;
       }
       
       var scrollView = Ti.UI.createScrollView({
           layout: 'horizontal',
           width: Ti.UI.FILL,
           height: Ti.UI.FILL,
           contentHeight: 'auto',
           contentWidth:  'auto',
       });
       
       for (var i = 0; i <= 10; i++) {
           var row = createRow(i);
           scrollView.add(row);
       }
       
       win.add(scrollView);
       win.open();
       
  2. Shuo Liang 2017-02-04

    Attached simple code from customer. [~kota]
  3. Kota Iguchi 2017-02-06

    I was not able to reproduce this with latest nightly SDK 6.1.0.v20170202120400. I believe it's fixed along with TIMOB-24222.
  4. Abir Mukherjee 2017-02-06

    Tested using environment: NPM Version: 2.15.9 Node Version: 4.5.0 Mac OS: 10.12.1 Appc CLI: 6.1.0 Appc CLI NPM: 4.2.8 Titanium SDK version: 6.1.0.v20170202120400 Appcelerator Studio, build: 4.8.1.201612050850 Windows OS: Windows 10 Build 14393.693 Windows Device: 10.0.14393.693 and 8.1 I first tested the demo code on device with SDK 6.0.1, and found that the labels were not displayed properly. Labels were vertically wrapped and therefore horizontal scrolling was not necessary. It appears that the fix that went into TIMOB-24222 fixed the issue with this ticket aswell. Using SDK 6.1.0.v20170202120400, I found that the horizontal layout was being displayed correctly, and that scrolling horizontally worked as expected.

JSON Source