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

iOS7: Scrolling the TableView up and releasing it causes the content on the first row to move to the right

    Details

      Description

      Description

      When I open the app and scroll the table view up and release it, the content on the first row moves to right. Please see the attached screenshot depicting the issue.

      Also included three images which need to be attached in project resource folder before running it.

      Note : Also if i don't include these three images in my project and run it without any images it runs fine on iOS7 also.

      This issue is with iOS 7 only and it work fine on iOS 6.

      Test Case

      var appWindow = Ti.UI.createWindow({
              height:Ti.UI.FILL,
              width:Ti.UI.FILL,
              backgroundColor:'#FFFFFF'
          });
       
      var tableView = Ti.UI.createTableView({
       
          separatorStyle:'NONE',
          backgroundColor:'#FFFFFF'
      });
      var data =  [{title:"App 1",count:"3"},
                                      {title:"App 2",count:"6"},
                                      {title:"App 3",count:"3"},
                                      {title:"App 4",count:"6"},
                                      {title:"App 5",count:"4"},
                                      {title:"App 6",count:"2"}];
      var customRow =[];
      for(var i=0;i<data.length;i++)
          {
              customRow[i] = CustomRow_withCount(data[i]);
              tableView.appendRow(customRow[i]);
      }
      function CustomRow_withCount(_obj){
       
          var countView=Ti.UI.createLabel({
              right:5,
              height:26,
              width:36,
              backgroundImage:'countImage.png',
              color:'#000000',
              font:{fontSize:12,fontWeight:'bold',fontFamily:'arial'},
              textAlign:'center',
              text:_obj.count,
          });
       
          var text_label= Ti.UI.createLabel({
              left:20,
              height:26,
              width:200,
              color:'black',
              font:{fontSize:16,fontWeight:'bold',fontFamily:'arial'},
              text:_obj.title,
          });
       
          var row = Ti.UI.createTableViewRow({
              rightImage:'arrow.png',
              backgroundImage:'row_backgrnd.png',
              height:40
          });
       
       
              row.add(text_label);
              row.add(countView);
       
          return row;
      }
      appWindow.add(tableView);
       
       
       
      var navGroup = Ti.UI.iPhone.createNavigationGroup({
          window:appWindow,
          backgroundColor:'transparent',
      });
      var main = Ti.UI.createWindow();
      main.fullscreen= true;
      main.add(navGroup);
      main.open();
      

        Attachments

        1. arrow.png
          arrow.png
          0.2 kB
        2. countImage.png
          countImage.png
          0.6 kB
        3. row_backgrnd.png
          row_backgrnd.png
          0.4 kB
        4. screenShot.PNG
          screenShot.PNG
          30 kB

          Activity

            People

            • Assignee:
              vduggal Vishal Duggal (Inactive)
              Reporter:
              rsharma Rupesh Sharma
              Reviewer:
              Pedro Enrique (Inactive)
            • Watchers:
              0 Start watching this issue

              Dates

              • Due:
                Created:
                Updated:
                Resolved:

                Backbone Issue Sync

                • Titanium SDK/CLI <> Titanium Mobile
                  Synced with:
                  TIMOB-17582
                  Sync status:
                  ERROR
                  Last received:
                  Last sent:

                  Git Integration