{ "id": "118718", "key": "AC-2593", "fields": { "issuetype": { "id": "1", "description": "A problem which impairs or prevents the functions of the product.", "name": "Bug", "subtask": false }, "project": { "id": "12217", "key": "AC", "name": "Appcelerator - INBOX", "projectCategory": { "id": "10000", "description": "", "name": "Customer Service" } }, "resolution": { "id": "5", "description": "All attempts at reproducing this issue failed, or not enough information was available to reproduce the issue. Reading the code produces no clues as to why this behavior would occur. If more information appears later, please reopen the issue.", "name": "Cannot Reproduce" }, "resolutiondate": "2013-09-17T22:28:58.000+0000", "created": "2013-08-18T10:27:09.000+0000", "labels": [], "versions": [], "issuelinks": [], "assignee": { "name": "shossain", "key": "shossain", "displayName": "Shak Hossain", "active": false, "timeZone": "America/Los_Angeles" }, "updated": "2016-03-08T07:41:40.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": "14548", "name": "Titanium SDK & CLI", "description": "Please enter tickets related to the MobileSDK here." } ], "description": "*Problem*\r\nIf I put a ScrollableView inside a ScrollView, swiping left-right works as expected. However, if I place the ScrollableView inside a View and then put this View inside a ScrollView, swiping left-right does not work as expected. The ScrollableView is \"flickering\" when swiping and smooth scrolling is not possible except if you flick your pointer/finger quickly.\r\n\r\n*Test case*\r\n{code:javascript}\r\nvar win = Ti.UI.createWindow({\r\n backgroundColor : 'white'\r\n});\r\n \r\nvar scrollView = Ti.UI.createScrollView();\r\n \r\nvar scrollableView = Ti.UI.createScrollableView({\r\n top : 100,\r\n height : 180,\r\n bubbleParent : false\r\n});\r\n \r\nvar label1 = Ti.UI.createLabel({\r\n text : 'Page 1',\r\n color : 'black',\r\n top : 0,\r\n backgroundColor : 'red'\r\n});\r\nvar label2 = Ti.UI.createLabel({\r\n text : 'Page 2',\r\n color : 'black',\r\n top : 0,\r\n backgroundColor : 'green'\r\n});\r\nvar view1 = Ti.UI.createView({\r\n top : 280,\r\n backgroundColor : 'yellow',\r\n height : 2000\r\n});\r\n \r\nvar wview1 = Ti.UI.createView({\r\n width : Ti.UI.FILL,\r\n height : Ti.UI.FILL,\r\n bubbleParent : false,\r\n touchEnabled : false\r\n});\r\n \r\nscrollableView.addView(label1);\r\nscrollableView.addView(label2);\r\nwview1.add(scrollableView);\r\nscrollView.add(wview1);\r\nscrollView.add(view1);\r\nwin.add(scrollView);\r\n \r\nwin.open();\r\n{code}", "attachment": [], "flagged": false, "summary": "Android: ScrollableView does not work properly when inside a View", "creator": { "name": "eriklq", "key": "eriklq", "displayName": "Erik Lindqvist", "active": true, "timeZone": "Europe/Berlin" }, "subtasks": [], "reporter": { "name": "eriklq", "key": "eriklq", "displayName": "Erik Lindqvist", "active": true, "timeZone": "Europe/Berlin" }, "environment": "Titanium Studio 3.1.2.201308091617\r\nTitanium SDK 3.1.2 GA\r\nAndroid 4.2", "comment": { "comments": [ { "id": "267426", "author": { "name": "dsefton", "key": "dsefton", "displayName": "Daniel Sefton", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Hi Erik,\n\nI'm a little confused around here:\n\n{code:javascript}//Works\n//scrollView.add(wview1); //Does not work{code}\n\nTo reproduce your issue, do I simply uncomment that line? (The fact that //Works is there also is confusing). I did so, but I can't reproduce what you're describing. The horizontal scrolling still works and doesn't flicker. (3.1.2 GA)", "updateAuthor": { "name": "dsefton", "key": "dsefton", "displayName": "Daniel Sefton", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-08-20T23:40:50.000+0000", "updated": "2013-08-20T23:40:50.000+0000" }, { "id": "267450", "author": { "name": "eriklq", "key": "eriklq", "displayName": "Erik Lindqvist", "active": true, "timeZone": "Europe/Berlin" }, "body": "I think I have found the problem; vertical movements are passed on to the ScrollView (correctly), but this means that if I don't swipe using a perfect horizontal movement the ScrollableView will stop listening and the ScrollView will take over. This would explain why I sometimes \"drop\" the page when I am trying swipe right to left (because my finger is losing \"course\" after a while). I tried it on two devices now and they are showing the same behavior; if my horizontal movement is not \"perfect\" the ScrollableView stops listening and the ScrollView takes over.\n\nAdding only the ScrollableView to the ScrollView (without wrapping it in a View) makes the ScrollableView not bubble/passing on the vertical swipe gesture to the ScrollView. This, however, creates a \"dead\" space on the screen since you can't scroll the screen vertically by touching the ScrollableView first, but it makes horizontal scrolling in the ScrollableView less \"error prone\".\n\nI don't know if this is a \"bug\" or intended behavior, I guess you could argue for both...?\n\nWhat am I looking for?\nI want to be able to swipe horizontally in the ScrollableView, but at the same time I want to be able to scroll the Scroll view vertically when I tap and swipe vertically on the ScrollableView. For reference, look and feel the cover flow on the \"What's new\" page in the Spotify app.\n\n(Sorry for the 1 million updates of the test case...)", "updateAuthor": { "name": "eriklq", "key": "eriklq", "displayName": "Erik Lindqvist", "active": true, "timeZone": "Europe/Berlin" }, "created": "2013-08-21T08:30:28.000+0000", "updated": "2013-08-21T08:30:28.000+0000" } ], "maxResults": 3, "total": 3, "startAt": 0 } } }