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

iOS: Incorrect listSection headerTitle spacing in iOS 13

    Details

    • Type: Bug
    • Status: Open
    • Priority: None
    • Resolution: Unresolved
    • Affects Version/s: Release 8.3.0, Release 9.0.0, Release 8.3.1
    • Fix Version/s: None
    • Component/s: iOS

      Description

      In iOS 13, in a listview, when you use:

      style: Ti.UI.iOS.ListViewStyle.GROUPED
      

      and then use the headerTitle property on a ListSection, the spacing between the top of the window and the ListSection is too close. I believe the spacing is incorrectly set on iOS 13. The spacing is set correctly on < iOS 13.

      Please see screenshot attached.

      Steps

      1. Create new classic app
      2. Replace app.js with code below. Test with iOS 12 and then iOS 13.

        var win2 = Titanium.UI.createWindow({
            backgroundColor: 'lightgray',
            title: 'List Section Test'
        });
         
        var win1 = Titanium.UI.createNavigationWindow({
           window: win2
        });
         
        var listView = Ti.UI.createListView({
            style: Ti.UI.iOS.ListViewStyle.GROUPED
        });
        var sections = [];
         
        var fruitSection = Ti.UI.createListSection({ headerTitle: 'Fruits'});
        var fruitDataSet = [
            {properties: { title: 'Apple'}},
            {properties: { title: 'Banana'}},
        ];
        fruitSection.setItems(fruitDataSet);
        sections.push(fruitSection);
         
        var vegSection = Ti.UI.createListSection({ headerTitle: 'Vegetables'});
        var vegDataSet = [
            {properties: { title: 'Carrots'}},
            {properties: { title: 'Potatoes'}},
        ];
        vegSection.setItems(vegDataSet);
        sections.push(vegSection);
         
        listView.sections = sections;
        win2.add(listView);
        win1.open();
         
        var fishSection = Ti.UI.createListSection({ headerTitle: 'Fish'});
        var fishDataSet = [
            {properties: { title: 'Cod'}},
            {properties: { title: 'Haddock'}},
        ];
        fishSection.setItems(fishDataSet);
        listView.appendSection(fishSection);
        

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                vijaysingh Vijay Singh
                Reporter:
                ssaddique Sohail Saddique
              • 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