{ "id": "150633", "key": "TIMOB-23863", "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": [ { "id": "18414", "description": "", "name": "Release 6.2.0", "archived": false, "released": true, "releaseDate": "2017-09-13" } ], "resolution": { "id": "1", "description": "A fix for this issue is checked into the tree and tested.", "name": "Fixed" }, "resolutiondate": "2017-08-25T18:22:16.000+0000", "created": "2015-08-23T10:27:13.000+0000", "priority": { "name": "High", "id": "2" }, "labels": [ "android", "api", "defect" ], "versions": [], "issuelinks": [ { "id": "56436", "type": { "id": "10002", "name": "Duplicate", "inward": "is duplicated by", "outward": "duplicates" }, "inwardIssue": { "id": "149608", "key": "TIMOB-19913", "fields": { "summary": "Android: Add ripple effect when tapping ListView rows", "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" } }, "priority": { "name": "Medium", "id": "3" }, "issuetype": { "id": "4", "description": "An improvement or enhancement to an existing feature or task.", "name": "Improvement", "subtask": false } } } } ], "assignee": { "name": "ybanev", "key": "ybanev", "displayName": "Yordan Banev", "active": true, "timeZone": "Europe/Athens" }, "updated": "2018-04-06T18:42:05.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": "10202", "name": "Android", "description": "Android Platform" } ], "description": "A ListView does not allow the Android Lollipop ripple animation to play. When pressing on a list item no visual feedback is present by default. When a custom item template is made and its width is set to 50% we can see the animation play but click events do not fire. Not setting a custom template and therefore using the default template causes this problem as well. \r\n\r\nProblem occurring and identified on:\r\nTitanium SDK: 4.1.0.GA\r\nPlatform & version: Android 5.0\r\nDevice: Nexus 5 5.1.1\r\nHost Operating System: Windows 8.1\r\nAppcelerator Studio: 4.2.0\r\n\r\nDiscussion: \r\nhttps://community.appcelerator.com/topic/730/ripple-effect-in-listview-on-android-lollipop/3", "attachment": [ { "id": "59979", "filename": "rippleTest.zip", "author": { "name": "raybelisle", "key": "raybelisle", "displayName": "Ray Belisle", "active": true, "timeZone": "America/Edmonton" }, "created": "2016-08-04T15:27:20.000+0000", "size": 10473799, "mimeType": "application/zip" } ], "flagged": false, "summary": "Item Template in List View blocks Android 5 ripple animation", "creator": { "name": "aleks", "key": "aleks", "displayName": "Aleks ", "active": true, "timeZone": "America/Los_Angeles" }, "subtasks": [], "reporter": { "name": "aleks", "key": "aleks", "displayName": "Aleks ", "active": true, "timeZone": "America/Los_Angeles" }, "environment": null, "comment": { "comments": [ { "id": "370091", "author": { "name": "bduyng@gmail.com", "key": "bduyng@gmail.com", "displayName": "Duy Bao Nguyen", "active": true, "timeZone": "America/Los_Angeles" }, "body": "+1", "updateAuthor": { "name": "bduyng@gmail.com", "key": "bduyng@gmail.com", "displayName": "Duy Bao Nguyen", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2015-11-12T15:13:31.000+0000", "updated": "2015-11-12T15:13:31.000+0000" }, { "id": "372026", "author": { "name": "jnaher", "key": "jnaher", "displayName": "Jebun Naher", "active": false, "timeZone": "Asia/Dhaka" }, "body": "Hello [~aleks]\r\n\r\nPlease try building the project using latest appcelerator builds, also provide a reproducible test case that replicates the issue.\r\n\r\nThanks.", "updateAuthor": { "name": "jnaher", "key": "jnaher", "displayName": "Jebun Naher", "active": false, "timeZone": "Asia/Dhaka" }, "created": "2015-12-03T08:36:52.000+0000", "updated": "2015-12-03T08:38:11.000+0000" }, { "id": "372069", "author": { "name": "raybelisle", "key": "raybelisle", "displayName": "Ray Belisle", "active": true, "timeZone": "America/Edmonton" }, "body": "Using the latest 5.1.1GA, the problem still presents itself. I believe that the reproducible case is listed in the link to the discussion board above. I will reproduce here:\r\n\r\n\"Below was just my experiment and not practical. It was just to get an idea that titanium ListView have ripple effect:\r\n\r\nChange width of the ItemTemplate to 50%\r\nIt left remaining 50% space that you can click and BAMMM... You can see the effect.\r\nI think this have something to do with listview proxy in titanium. Hope it helps...\"\r\n\r\nSo essentially, the template 'covers' the listview row and so the template receives the user interaction and the effect is not shown. If you reduce the template width to 50% and click on the row outside the 50% template view, the effect is shown.", "updateAuthor": { "name": "raybelisle", "key": "raybelisle", "displayName": "Ray Belisle", "active": true, "timeZone": "America/Edmonton" }, "created": "2015-12-03T17:08:06.000+0000", "updated": "2015-12-03T17:08:06.000+0000" }, { "id": "372507", "author": { "name": "sdarda", "key": "sdarda", "displayName": "Sharif AbuDarda", "active": false, "timeZone": "Asia/Dhaka" }, "body": "Hello [~aleskuklinek], Can you provide a test case which demonstrate the issue you reported? Ripple effect is something native to some android elements like buttons, Menu items etc. One way would be to use List View templates and in the template use buttons to show your list item. Check this [doc|http://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI.ListView-property-templates]. Look under the \"List View with Custom Item Template\" section. The example shows the use of Labels in the template for listItem, but I guess you can try the same with Button, which should give you the ripple effect. Let me know if this works. Or, Please provide a test case of your issue. Thanks.", "updateAuthor": { "name": "sdarda", "key": "sdarda", "displayName": "Sharif AbuDarda", "active": false, "timeZone": "Asia/Dhaka" }, "created": "2015-12-09T08:55:30.000+0000", "updated": "2015-12-09T08:55:30.000+0000" }, { "id": "372905", "author": { "name": "aleks", "key": "aleks", "displayName": "Aleks ", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Sorry I am currently overseas and away from my Appcelerator laptop so I cannot test the latest SDK builds.\r\n\r\nI don't know what kind of formal test you want me to write but I'll try explain when this issue happens:\r\nOn Android 5.0+, any list item you click does not present any visual feedback when clicked. This issue occurs for every list view and list item by default and even with custom or built in templates. A button does not have the flexibility to modify its contents as well as a list item and this method seems a bit of a hack. \r\n\r\nAlthough there is a possibility to set the list items' selectedBackgroundColor to have a solid color appear when clicked. \r\n\r\nI do not understand what further information you require. I do not know how to make this issue any clearer as I have explained it as best I can and some helpful others in the community have explained it as well.\r\n\r\nThanks. ", "updateAuthor": { "name": "aleks", "key": "aleks", "displayName": "Aleks ", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2015-12-14T21:17:58.000+0000", "updated": "2015-12-14T21:17:58.000+0000" }, { "id": "372909", "author": { "name": "raybelisle", "key": "raybelisle", "displayName": "Ray Belisle", "active": true, "timeZone": "America/Edmonton" }, "body": "I will second the last comment. Not sure what 'other' test case you want/need. The way to show this is very clear from the information provided above.", "updateAuthor": { "name": "raybelisle", "key": "raybelisle", "displayName": "Ray Belisle", "active": true, "timeZone": "America/Edmonton" }, "created": "2015-12-14T21:20:35.000+0000", "updated": "2015-12-14T21:20:35.000+0000" }, { "id": "373001", "author": { "name": "timpoulsen", "key": "timpoulsen", "displayName": "Tim Poulsen", "active": true, "timeZone": "America/Havana" }, "body": "They want a project, zipped and attached to this ticket or they won't look at your issue.", "updateAuthor": { "name": "timpoulsen", "key": "timpoulsen", "displayName": "Tim Poulsen", "active": true, "timeZone": "America/Havana" }, "created": "2015-12-15T13:46:26.000+0000", "updated": "2015-12-15T13:46:26.000+0000" }, { "id": "391343", "author": { "name": "raybelisle", "key": "raybelisle", "displayName": "Ray Belisle", "active": true, "timeZone": "America/Edmonton" }, "body": "You can see the issue by placing this into a view:\r\n\r\n{code:title=listviewtest.xml|borderStyle=solid}\r\n\r\n\t\r\n\t\t\r\n\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t\r\n\r\n{code}\r\n\r\nWhen you click on the top two items, you don't see the ripple effect. On the third row, if you click to the left or right of the label, the ripple effect shows, but if you click on the label, no effect.", "updateAuthor": { "name": "hknoechel", "key": "hansknoechel", "displayName": "Hans Knöchel", "active": true, "timeZone": "Europe/Berlin" }, "created": "2016-07-23T16:53:01.000+0000", "updated": "2016-09-04T14:57:20.000+0000" }, { "id": "392425", "author": { "name": "raybelisle", "key": "raybelisle", "displayName": "Ray Belisle", "active": true, "timeZone": "America/Edmonton" }, "body": "Here is a project showing the behavior.\r\n\r\n", "updateAuthor": { "name": "raybelisle", "key": "raybelisle", "displayName": "Ray Belisle", "active": true, "timeZone": "America/Edmonton" }, "created": "2016-08-04T15:27:27.000+0000", "updated": "2016-08-04T15:27:27.000+0000" }, { "id": "401988", "author": { "name": "douglas_ufop", "key": "douglas_ufop", "displayName": "Douglas Alves", "active": true, "timeZone": "America/Sao_Paulo" }, "body": "It seems like a simple visual effect but in fact this is very important to Google.\r\nMy app have recently been chosen to be featured on Google Play and they have reviewed it, and made a few considerations. One of these considerations is the ripple effect on listviews.\r\nIf this doesn't work, they say you are not following the material design feedback guidelines.", "updateAuthor": { "name": "douglas_ufop", "key": "douglas_ufop", "displayName": "Douglas Alves", "active": true, "timeZone": "America/Sao_Paulo" }, "created": "2016-11-29T10:40:13.000+0000", "updated": "2016-11-29T10:40:13.000+0000" }, { "id": "427226", "author": { "name": "ybanev", "key": "ybanev", "displayName": "Yordan Banev", "active": true, "timeZone": "Europe/Athens" }, "body": "master: https://github.com/appcelerator/titanium_mobile/pull/9353\r\n6_2_X: https://github.com/appcelerator/titanium_mobile/pull/9354", "updateAuthor": { "name": "ybanev", "key": "ybanev", "displayName": "Yordan Banev", "active": true, "timeZone": "Europe/Athens" }, "created": "2017-08-24T23:18:11.000+0000", "updated": "2017-08-24T23:18:11.000+0000" }, { "id": "427233", "author": { "name": "lchoudhary", "key": "lchoudhary", "displayName": "Lokesh Choudhary", "active": true, "timeZone": "America/Los_Angeles" }, "body": "FR Passed for both master & backport PR.", "updateAuthor": { "name": "lchoudhary", "key": "lchoudhary", "displayName": "Lokesh Choudhary", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2017-08-25T01:53:27.000+0000", "updated": "2017-08-25T01:53:27.000+0000" }, { "id": "427261", "author": { "name": "lchoudhary", "key": "lchoudhary", "displayName": "Lokesh Choudhary", "active": true, "timeZone": "America/Los_Angeles" }, "body": "PR's merged.", "updateAuthor": { "name": "lchoudhary", "key": "lchoudhary", "displayName": "Lokesh Choudhary", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2017-08-25T18:22:10.000+0000", "updated": "2017-08-25T18:22:10.000+0000" }, { "id": "427274", "author": { "name": "lchoudhary", "key": "lchoudhary", "displayName": "Lokesh Choudhary", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Verified the fix with SDK 6.2.0.v20170825165823 & 7.0.0.v20170825165854.\r\n\r\nClosing.\r\n\r\nStudio Ver: 4.9.1.201707200100\r\nSDK Ver: 6.2.0.v20170825165823, 7.0.0.v20170825165854\r\nOS Ver: 10.12.3\r\nXcode Ver: Xcode 8.3.3\r\nAppc NPM: 4.2.9\r\nAppc CLI: 6.2.3\r\nTi CLI Ver: 5.0.14\r\nAlloy Ver: 1.9.13\r\nNode Ver: 6.10.1\r\nJava Ver: 1.8.0_101\r\nDevices: ⇨ google Nexus 5 — Android 6.0.1\r\n⇨ google Pixel — Android 7.1.1", "updateAuthor": { "name": "lchoudhary", "key": "lchoudhary", "displayName": "Lokesh Choudhary", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2017-08-26T01:16:18.000+0000", "updated": "2017-08-26T01:16:18.000+0000" } ], "maxResults": 16, "total": 16, "startAt": 0 } } }