{ "id": "176271", "key": "TIMOB-28524", "fields": { "issuetype": { "id": "4", "description": "An improvement or enhancement to an existing feature or task.", "name": "Improvement", "subtask": false }, "project": { "id": "10153", "key": "TIMOB", "name": "Titanium SDK/CLI", "projectCategory": { "id": "10100", "description": "Titanium and related SDKs used in application development", "name": "Client" } }, "fixVersions": [ { "id": "21201", "description": "", "name": "Release 10.1.0", "archived": false, "released": true, "releaseDate": "2021-09-28" } ], "resolution": { "id": "1", "description": "A fix for this issue is checked into the tree and tested.", "name": "Fixed" }, "resolutiondate": "2021-08-20T13:10:29.000+0000", "created": "2021-08-14T13:15:05.000+0000", "epic": { "id": 176208, "key": "TIMOB-28465", "name": "iOS: Support iOS 15 and Xcode 13", "summary": "iOS: Support iOS 15/Xcode 13", "color": { "key": "color_7" }, "done": false }, "priority": { "name": "High", "id": "2" }, "labels": [ "ListView", "TableView", "ios" ], "versions": [], "issuelinks": [], "assignee": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "updated": "2021-08-20T13:10:29.000+0000", "status": { "description": "The issue is considered finished, the resolution is correct. Issues which are closed can be reopened.", "name": "Closed", "id": "6", "statusCategory": { "id": 3, "key": "done", "colorName": "green", "name": "Done" } }, "components": [ { "id": "10206", "name": "iOS", "description": "iOS Platform" } ], "description": "iOS 15 changes the way list sections apply their header spacing. To restore the old behavior, the new {{sectionHeaderTopPadding}} can be used (defaulting to {{sectionHeaderTopPadding}}). See the example screens (issue.png and fix.png) for reference.\r\n\r\nExample:\r\n{code:js}\r\nlet tabGroup;\r\n\r\nconst window = Ti.UI.createWindow({ title: 'Window 1', backgroundColor: '#f0f0f0' });\r\nwindow.add(Ti.UI.createListView({\r\n sections: [\r\n Ti.UI.createListSection({\r\n headerView: Ti.UI.createView({ height: 10 }),\r\n footerView: Ti.UI.createView({ height: 10 }),\r\n items: [\r\n { properties: { title: 'Test 1' } },\r\n { properties: { title: 'Test 2' } },\r\n { properties: { title: 'Test 3' } },\r\n ]\r\n }),\r\n Ti.UI.createListSection({\r\n headerView: Ti.UI.createView({ height: 10 }),\r\n footerView: Ti.UI.createView({ height: 10 }),\r\n items: [\r\n { properties: { title: 'Test 1' } },\r\n { properties: { title: 'Test 2' } },\r\n { properties: { title: 'Test 3' } },\r\n ]\r\n })\r\n ]\r\n}));\r\n\r\nconst nav = Ti.UI.createNavigationWindow({ window });\r\nnav.open();\r\n{code}", "attachment": [ { "id": "67963", "filename": "fix.png", "author": { "name": "hknoechel", "key": "hansknoechel", "displayName": "Hans Knöchel", "active": true, "timeZone": "Europe/Berlin" }, "created": "2021-08-14T13:15:32.000+0000", "size": 632427, "mimeType": "image/png" }, { "id": "67964", "filename": "issue.png", "author": { "name": "hknoechel", "key": "hansknoechel", "displayName": "Hans Knöchel", "active": true, "timeZone": "Europe/Berlin" }, "created": "2021-08-14T13:15:32.000+0000", "size": 771385, "mimeType": "image/png" } ], "flagged": false, "summary": "iOS 15: Extra spacing applied to list sections", "creator": { "name": "hknoechel", "key": "hansknoechel", "displayName": "Hans Knöchel", "active": true, "timeZone": "Europe/Berlin" }, "subtasks": [], "reporter": { "name": "hknoechel", "key": "hansknoechel", "displayName": "Hans Knöchel", "active": true, "timeZone": "Europe/Berlin" }, "environment": null, "comment": { "comments": [ { "id": "458985", "author": { "name": "hknoechel", "key": "hansknoechel", "displayName": "Hans Knöchel", "active": true, "timeZone": "Europe/Berlin" }, "body": "PR: https://github.com/appcelerator/titanium_mobile/pull/13021\r\n\r\nTest-case (ListView):\r\n{code:js}\r\nlet tabGroup;\r\n\r\nconst window = Ti.UI.createWindow({ title: 'Window 1', backgroundColor: '#f0f0f0' });\r\nwindow.add(Ti.UI.createListView({\r\n\tsectionHeaderTopPadding: 0.0, // Remove this line to see the native behavior (applied spacing by default)\r\n\tsections: [\r\n\t\tTi.UI.createListSection({\r\n\t\t\theaderView: Ti.UI.createView({ height: 10 }),\r\n\t\t\tfooterView: Ti.UI.createView({ height: 10 }),\r\n\t\t\titems: [\r\n\t\t\t\t{ properties: { title: 'Test 1' } },\r\n\t\t\t\t{ properties: { title: 'Test 2' } },\r\n\t\t\t\t{ properties: { title: 'Test 3' } },\r\n\t\t\t]\r\n\t\t}),\r\n\t\tTi.UI.createListSection({\r\n\t\t\theaderView: Ti.UI.createView({ height: 10 }),\r\n\t\t\tfooterView: Ti.UI.createView({ height: 10 }),\r\n\t\t\titems: [\r\n\t\t\t\t{ properties: { title: 'Test 1' } },\r\n\t\t\t\t{ properties: { title: 'Test 2' } },\r\n\t\t\t\t{ properties: { title: 'Test 3' } },\r\n\t\t\t]\r\n\t\t})\r\n\t]\r\n}));\r\n\r\nconst nav = Ti.UI.createNavigationWindow({ window });\r\nnav.open();\r\n{code}\r\n\r\nTest-case (TableView):\r\n{code:js}\r\nconst window = Ti.UI.createWindow({ title: 'Window 1', backgroundColor: '#f0f0f0' });\r\nwindow.add(Ti.UI.createTableView({\r\n\tsectionHeaderTopPadding: 0.0,\r\n\tdata: [\r\n\t\tTi.UI.createTableViewSection({\r\n\t\t\theaderView: Ti.UI.createView({ height: 10 }),\r\n\t\t\tfooterView: Ti.UI.createView({ height: 10 }),\r\n\t\t\trows: [\r\n\t\t\t\tTi.UI.createTableViewRow({ title: 'Test 1' }),\r\n\t\t\t\tTi.UI.createTableViewRow({ title: 'Test 2' }),\r\n\t\t\t\tTi.UI.createTableViewRow({ title: 'Test 3' }),\r\n\t\t\t]\r\n\t\t}),\r\n\t\tTi.UI.createTableViewSection({\r\n\t\t\theaderView: Ti.UI.createView({ height: 10 }),\r\n\t\t\tfooterView: Ti.UI.createView({ height: 10 }),\r\n\t\t\trows: [\r\n\t\t\t\tTi.UI.createTableViewRow({ title: 'Test 1' }),\r\n\t\t\t\tTi.UI.createTableViewRow({ title: 'Test 2' }),\r\n\t\t\t\tTi.UI.createTableViewRow({ title: 'Test 3' }),\r\n\t\t\t]\r\n\t\t})\r\n\t]\r\n}));\r\n\r\nconst nav = Ti.UI.createNavigationWindow({ window });\r\nnav.open();\r\n{code}", "updateAuthor": { "name": "hknoechel", "key": "hansknoechel", "displayName": "Hans Knöchel", "active": true, "timeZone": "Europe/Berlin" }, "created": "2021-08-14T13:29:49.000+0000", "updated": "2021-08-14T13:29:49.000+0000" } ], "maxResults": 1, "total": 1, "startAt": 0 } } }