{ "id": "172175", "key": "TIMOB-26368", "fields": { "issuetype": { "id": "1", "description": "A problem which impairs or prevents the functions of the product.", "name": "Bug", "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": [], "resolution": null, "resolutiondate": null, "created": "2018-09-05T14:03:55.000+0000", "priority": null, "labels": [ "engSchedule", "ios" ], "versions": [ { "id": "19882", "name": "Release 8.0.0", "archived": false, "released": true, "releaseDate": "2019-03-14" }, { "id": "20115", "name": "Release 7.3.0", "archived": false, "released": true, "releaseDate": "2018-08-17" } ], "issuelinks": [], "assignee": { "name": "vijaysingh", "key": "vijaysingh", "displayName": "Vijay Singh", "active": true, "timeZone": "America/Los_Angeles" }, "updated": "2019-04-17T18:02:20.000+0000", "status": { "description": "The issue is open and ready for the assignee to start work on it.", "name": "Open", "id": "1", "statusCategory": { "id": 2, "key": "new", "colorName": "blue-gray", "name": "To Do" } }, "components": [ { "id": "10206", "name": "iOS", "description": "iOS Platform" } ], "description": "Please check the following example.\r\nAt the first tab the Event listener does not work properly whereas on the second does.\r\n\r\nWhen it has ScrollView on TableView the Event Listener of ScrollView does not work and at the same time it does not work on any view that is connected on the ScrollView and also on createTableViewRow that ScrollView is connected.\r\n\r\n{code:java}\r\nfunction createView(e) {\r\n\r\n\tvar view = Titanium.UI.createView({\r\n\t\theight:'400dip',\r\n\t\twidth:'200dip',\r\n\t\tleft:'10dip',\r\n\t\tright:'10dip',\r\n\t\tbackgroundColor:e.color\r\n\t});\r\n\r\n\tview.addEventListener('click', function() {\r\n\t\talert('TEST');\t\r\n\t});\t\r\n\t\t\r\n\treturn(view);\r\n}\r\n\r\nfunction createTableViewRow() {\r\n\t\r\n\tvar rowView = Titanium.UI.createTableViewRow({\r\n\t\theight:'420dip'\r\n\t});\r\n\r\n\trowView.addEventListener('click', function() {\r\n\t\talert('TEST');\t\r\n\t});\t\r\n\t\r\n\tvar scrollView = Titanium.UI.createScrollView({\r\n\t\theight:'400dip',\r\n\t\twidth:'400dip',\r\n\t\ttop:'20dip',\r\n\t\tscrollType:'horizontal',\r\n\t\tlayout:'horizontal'\r\n\t});\r\n\t\r\n\trowView.add(scrollView);\r\n\r\n\tscrollView.add(createView({\r\n\t\tcolor:'#AAA'\r\n\t}));\r\n\t\r\n\tscrollView.add(createView({\r\n\t\tcolor:'#EEE'\r\n\t}));\t\t\r\n\r\n\tscrollView.add(createView({\r\n\t\tcolor:'#AAA'\r\n\t}));\r\n\t\r\n\tscrollView.add(createView({\r\n\t\tcolor:'#EEE'\r\n\t}));\t\r\n\t\r\n\treturn(rowView);\r\n};\r\n\r\nfunction createTableView() {\r\n\t\r\n\tvar rowView = Titanium.UI.createView({\r\n\t\ttop:'0dip',\r\n\t\theight:'420dip'\r\n\t});\r\n\r\n\tvar scrollView = Titanium.UI.createScrollView({\r\n\t\theight:'400dip',\r\n\t\twidth:'400dip',\r\n\t\ttop:'20dip',\r\n\t\tscrollType:'horizontal',\r\n\t\tlayout:'horizontal'\r\n\t});\r\n\t\r\n\trowView.add(scrollView);\r\n\r\n\tscrollView.add(createView({\r\n\t\tcolor:'#AAA'\r\n\t}));\r\n\t\r\n\tscrollView.add(createView({\r\n\t\tcolor:'#EEE'\r\n\t}));\t\t\r\n\r\n\tscrollView.add(createView({\r\n\t\tcolor:'#AAA'\r\n\t}));\r\n\t\r\n\tscrollView.add(createView({\r\n\t\tcolor:'#EEE'\r\n\t}));\t\r\n\t\r\n\treturn(rowView);\r\n};\r\n\r\nvar windowA = Ti.UI.createWindow();\r\n\r\nvar\twindowB = Ti.UI.createWindow();\r\n\r\nvar tabA = Ti.UI.createTab({\r\n\twindow:windowA,\r\n\ttitle:'Tab A'\r\n});\r\n\r\nvar tabB = Ti.UI.createTab({\r\n\twindow:windowB,\r\n\ttitle:'Tab B'\r\n});\r\n\t\r\nvar tabGroup = Titanium.UI.createTabGroup({\r\n\ttabs:[tabA, tabB]\r\n});\r\n\r\ntabGroup.open();\r\n\r\nvar tableView = Titanium.UI.createTableView();\r\n\r\nvar tableData = [];\r\n\r\ntableData.push(createTableViewRow());\r\n\r\ntableView.data = tableData;\r\n\r\nwindowA.add(tableView);\r\n\r\nwindowB.add(createTableView());\r\n{code}\r\n", "attachment": [ { "id": "65499", "filename": "IMG_0730.mov", "author": { "name": "andreas.pingas", "key": "andreas.pingas", "displayName": "Andreas Pingas", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2018-09-06T11:34:50.000+0000", "size": 5954714, "mimeType": "video/quicktime" } ], "flagged": false, "summary": "iOS: ScrollView on TableView, Event Listener of ScrollView does not work.", "creator": { "name": "andreas.pingas", "key": "andreas.pingas", "displayName": "Andreas Pingas", "active": true, "timeZone": "America/Los_Angeles" }, "subtasks": [], "reporter": { "name": "andreas.pingas", "key": "andreas.pingas", "displayName": "Andreas Pingas", "active": true, "timeZone": "America/Los_Angeles" }, "environment": null, "comment": { "comments": [ { "id": "441366", "author": { "name": "andreas.pingas", "key": "andreas.pingas", "displayName": "Andreas Pingas", "active": true, "timeZone": "America/Los_Angeles" }, "body": "It works properly on android. The issue appears only on iOS", "updateAuthor": { "name": "andreas.pingas", "key": "andreas.pingas", "displayName": "Andreas Pingas", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2018-09-05T20:20:07.000+0000", "updated": "2018-09-05T20:20:07.000+0000" }, { "id": "441375", "author": { "name": "rmitro", "key": "rmitro", "displayName": "Rakhi Mitro", "active": false, "timeZone": "America/Los_Angeles" }, "body": "[~andreas.pingas],\r\n\r\nThanks for sharing with us. Are you experiencing this in all iOS devices? Can you share the screenshot which displays the issue properly?", "updateAuthor": { "name": "rmitro", "key": "rmitro", "displayName": "Rakhi Mitro", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2018-09-06T10:33:06.000+0000", "updated": "2018-09-06T10:33:06.000+0000" }, { "id": "441379", "author": { "name": "andreas.pingas", "key": "andreas.pingas", "displayName": "Andreas Pingas", "active": true, "timeZone": "America/Los_Angeles" }, "body": "On all the iOS devices. Please watch the video below.\r\n\r\n [^IMG_0730.mov] ", "updateAuthor": { "name": "andreas.pingas", "key": "andreas.pingas", "displayName": "Andreas Pingas", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2018-09-06T11:35:24.000+0000", "updated": "2018-09-06T11:35:24.000+0000" }, { "id": "441408", "author": { "name": "sdarda", "key": "sdarda", "displayName": "Sharif AbuDarda", "active": false, "timeZone": "Asia/Dhaka" }, "body": "Hello, I was able to reproduce the issue for iOS. The event listener on the scrollview does not fire when it's on tableview. The issue is only on iOS, Android works fine. Tested on Android emulator and io Simulator with SDK 7.3.0.GA. Thanks\r\n", "updateAuthor": { "name": "sdarda", "key": "sdarda", "displayName": "Sharif AbuDarda", "active": false, "timeZone": "Asia/Dhaka" }, "created": "2018-09-07T12:55:11.000+0000", "updated": "2018-09-07T12:55:11.000+0000" }, { "id": "441430", "author": { "name": "vijaysingh", "key": "vijaysingh", "displayName": "Vijay Singh", "active": true, "timeZone": "America/Los_Angeles" }, "body": "This problem is happening on lower sdk versions e.g < 7.0.0 as well. I'll look in this.\r\nSimpler test case from attached test case -\r\n\r\n{code:java}\r\nvar view = Titanium.UI.createView({\r\n\theight:'400dip',\r\n\twidth:'200dip',\r\n\tleft:'10dip',\r\n\tright:'10dip',\r\n\tbackgroundColor:'blue'\r\n});\r\nview.addEventListener('click', function() {\r\n\tTi.API.info('Test view');\r\n\talert('Test view');\t\r\n});\t\r\n\r\nvar scrollView = Titanium.UI.createScrollView({\r\n\theight:'400dip',\r\n\twidth:'400dip',\r\n\ttop:'20dip',\r\n\tscrollType:'horizontal',\r\n\tlayout:'horizontal'\r\n});\r\n\r\nscrollView.add(view);\r\n\r\nvar row = Titanium.UI.createTableViewRow({\r\n\theight:'420dip'\r\n});\r\nrow.addEventListener('click', function() {\r\n\tTi.API.info('Test row');\r\n\talert('Test row');\t\r\n});\t\r\n\r\nrow.add(scrollView);\r\n \r\n \r\nvar window = Ti.UI.createWindow();\r\n \r\nvar tableView = Titanium.UI.createTableView();\r\n \r\nvar tableData = [];\r\n \r\ntableData.push(row);\r\ntableView.data = tableData;\r\n \r\nwindow.add(tableView);\r\nwindow.open();\r\n\r\n{code}\r\n\r\nNote -\r\n\r\nIn [table view docs|https://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI.TableView], under section 'Tables and Scroll Views', this type of layouts are discouraged.", "updateAuthor": { "name": "vijaysingh", "key": "vijaysingh", "displayName": "Vijay Singh", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2018-09-10T03:29:07.000+0000", "updated": "2018-09-10T09:26:24.000+0000" }, { "id": "447392", "author": { "name": "s.volkov", "key": "s.volkov", "displayName": "Sergey Volkov", "active": true, "timeZone": "Europe/Moscow" }, "body": "Got same here. As workaround I'm listening for 'singletap' on TableView for now.", "updateAuthor": { "name": "s.volkov", "key": "s.volkov", "displayName": "Sergey Volkov", "active": true, "timeZone": "Europe/Moscow" }, "created": "2019-04-01T11:20:59.000+0000", "updated": "2019-04-01T11:20:59.000+0000" } ], "maxResults": 7, "total": 7, "startAt": 0 } } }