Uploaded image for project: 'Titanium SDK/CLI'
  1. Titanium SDK/CLI
  2. TIMOB-27796

Android: TableViewSection does not scroll after a certain point

    Details

    • Type: Bug
    • Status: Closed
    • Priority: None
    • Resolution: Unresolved
    • Affects Version/s: Release 8.1.0, Release 9.0.0
    • Fix Version/s: Release 9.3.0
    • Component/s: Android
    • Labels:
      None
    • Environment:
    • Story Points:
      3
    • Sprint:
      2020 Sprint 8, 2020 Sprint 9, 2020 Sprint 10, 2020 Sprint 11, 2020 Sprint 12, 2020 Sprint 13, 2020 Sprint 14, 2020 Sprint 15, 2020 Sprint 16, 2020 Sprint 17, 2020 Sprint 18, 2020 Sprint 19, 2020 Sprint 20, 2020 Sprint 21, 2020 Sprint 22, 2020 Sprint 23

      Description

      When running the test case below the TableViewSection glitches out and stops scrolling down. (Last worked 8.0.1.GA)

      Test Steps:

      1. Create a new Titanium application
      2. Add the test case below in to the app.js
      3. Run the application

      Test Case:

      var RED = 'Red',
          GREEN = 'Green',
          PURPLE = 'Purple';
       
      var win1 = Titanium.UI.createWindow({  
          backgroundColor:'#fff',
          layout: 'vertical'
      });
       
      var table = Ti.UI.createTableView({
           
      });
       
      var tableSection1 = createSectionForGroup(RED);
      var tableSection2 = createSectionForGroup(GREEN);
      var tableSection3 = createSectionForGroup(PURPLE);
      var tableSection4 = createSectionForGroup(PURPLE);
      var tableSection5 = createSectionForGroup(RED);
      var tableSection6 = createSectionForGroup(GREEN);
      var tableSection7 = createSectionForGroup(PURPLE);
      var tableSection8 = createSectionForGroup(PURPLE);
      var tableSection9 = createSectionForGroup(RED);
      var tableSection10 = createSectionForGroup(GREEN);
      var tableSection11 = createSectionForGroup(PURPLE);
      var tableSection12 = createSectionForGroup(PURPLE);
       
      var tableRow = Ti.UI.createTableViewRow({
          title:'Row'
      });
       
      var rows = 7;
       
      for(i=0; i<=rows; i++) {
          tableSection1.add(tableRow);
      }
       
      for(i=0; i<=rows; i++) {
          tableSection2.add(tableRow);
      }
       
      for(i=0; i<=rows; i++) {
          tableSection3.add(tableRow);
      }
       
      for(i=0; i<=rows; i++) {
          tableSection4.add(tableRow);
      }
       
      for(i=0; i<=rows; i++) {
          tableSection5.add(tableRow);
      }
       
      for(i=0; i<=rows; i++) {
          tableSection6.add(tableRow);
      }
       
      for(i=0; i<=rows; i++) {
          tableSection7.add(tableRow);
      }
       
      for(i=0; i<=rows; i++) {
          tableSection8.add(tableRow);
      }
       
      for(i=0; i<=rows; i++) {
          tableSection9.add(tableRow);
      }
       
      for(i=0; i<=rows; i++) {
          tableSection10.add(tableRow);
      }
       
      for(i=0; i<=rows; i++) {
          tableSection11.add(tableRow);
      }
       
      for(i=0; i<=rows; i++) {
          tableSection12.add(tableRow);
      }
       
      table.setData([tableSection1, tableSection2, tableSection3, tableSection4,  tableSection5, tableSection6, tableSection7, tableSection8,
      	tableSection9, tableSection10, tableSection11, tableSection12]);
      win1.add(table);
       
      // open tab group
      win1.open();
       
       
      function createSectionForGroup(group) {
          var headerContainerOpts, headerBottomBorderOpts, headerViewOpts;
       
          headerViewOpts = {
              color: 'white',
              height: Ti.UI.SIZE,
              font: { fontSize: '17sp', fontWeight: 'bold' },
              left: 11,
              text: group
          };
          
          if (group === RED) {
              headerContainerOpts = {
                  backgroundGradient: {
                      endPoint: { x: 0, y: '100%' },
                      startPoint: { x: 0, y: 0 },
                      type: 'linear',
                      colors: ['#C53019', '#B32D14']
                  },
                  height: 32
              };
          }
          if (group === GREEN) {
              headerContainerOpts = {
                  backgroundGradient: {
                      endPoint: { x: 0, y: '100%' },
                      startPoint: { x: 0, y: 0 },
                      type: 'linear',
                      colors: ['#2B781E', '#195010']
                  },
                  height: 32
              };
          }
          if (group === PURPLE) {
              headerContainerOpts = {
                  backgroundGradient: {
                      endPoint: { x: 0, y: '100%' },
                      startPoint: { x: 0, y: 0 },
                      type: 'linear',
                      colors: ['#873DA6', '#612A7D']
                  },
                  height: 32
              };
          }
       
          var container = Ti.UI.createView(headerContainerOpts);
          container.add(Ti.UI.createLabel(headerViewOpts));
          return Ti.UI.createTableViewSection({
              headerView: container,
              title: group
          });
      }
      

      Expected Result:
      TableViewSection should scroll down across all section.

      Actual Result:
      TableViewSection does not scroll past the red heading.

        Attachments

          Activity

            People

            • Assignee:
              gmathews Gary Mathews
              Reporter:
              smohammed Samir Mohammed
              Reviewer:
              Joshua Quick
            • Watchers:
              2 Start watching this issue

              Dates

              • Created:
                Updated:

                Backbone Issue Sync

                • Backbone Issue Sync is enabled for your project, but we do not have any synchronization info for this issue.

                  Git Integration