{ "id": "104830", "key": "TIMOB-11729", "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": { "id": "7", "description": "", "name": "Invalid" }, "resolutiondate": "2012-11-12T16:44:21.000+0000", "created": "2012-11-12T16:10:11.000+0000", "priority": { "name": "High", "id": "2" }, "labels": [], "versions": [], "issuelinks": [], "assignee": { "name": "cbarber", "key": "cbarber", "displayName": "Chris Barber", "active": true, "timeZone": "America/Chicago" }, "updated": "2014-06-19T12:44:13.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": "11500", "name": "MobileWeb", "description": "Mobile Web (HTML) Platform" } ], "description": "h1. Problem description\r\nWhile scrolling a ScrollView in the browser, a 2D matrix is applied to some elements. Also, these elements are not directly created in the code.\r\n\r\nh1. Steps to reproduce\r\nUse the following code:\r\n\r\n{code}\r\nTitanium.UI.setBackgroundColor(\"#efefef\");\r\n\r\nvar loginWindow = Titanium.UI.createWindow({\r\n width : Ti.UI.FILL,\r\n height : Ti.UI.FILL\r\n});\r\n\r\nvar loginContainer = Ti.UI.createScrollView({\r\n top : 0,\r\n left : 0,\r\n width : 300,\r\n height: 400\r\n})\r\n\r\nvar userNameTextField = Titanium.UI.createTextField({\r\n backgroundColor : \"white\",\r\n width: 320,\r\n top: 100\r\n});\r\n\r\nloginContainer.add(userNameTextField);\r\nloginWindow.add(loginContainer);\r\nloginWindow.open();\r\n{code}\r\n\r\nRun the app on the browser (e.g. Chrome); looking at the source during the scrolling (the view scrolls a bit left/right), you might see these elements:\r\n\r\n{code}\r\n
\r\n\r\n
\r\n
\r\n{code}\r\n\r\nAs you might notice, the first element is the Ti.UI.ScrollView, while the second is not something that has been added in the source (gray background color, border radius, ???).\r\n\r\nThe properties of this element are changing while scrolling: the opacity gets a crazy value (-7319573220020853000), and a matrix is applied to it.", "attachment": [], "flagged": false, "summary": "MobileWeb: matrix transformation and opacity applied to unknown elements", "creator": { "name": "dcassenti", "key": "dcassenti", "displayName": "Davide Cassenti", "active": true, "timeZone": "Europe/Berlin" }, "subtasks": [], "reporter": { "name": "dcassenti", "key": "dcassenti", "displayName": "Davide Cassenti", "active": true, "timeZone": "Europe/Berlin" }, "environment": "SDK 3.0.0.v20121026170116", "comment": { "comments": [ { "id": "226985", "author": { "name": "dcassenti", "key": "dcassenti", "displayName": "Davide Cassenti", "active": true, "timeZone": "Europe/Berlin" }, "body": "Tested with 2.1.2 and 2.1.3: the element with border: 3px is still there, but opacity is set to 0.5 (and does not change), while the matrix is never applied - although the \"left\" property changes.", "updateAuthor": { "name": "dcassenti", "key": "dcassenti", "displayName": "Davide Cassenti", "active": true, "timeZone": "Europe/Berlin" }, "created": "2012-11-12T16:12:18.000+0000", "updated": "2012-11-12T16:12:18.000+0000" }, { "id": "226989", "author": { "name": "bhughes", "key": "bhughes", "displayName": "Bryan Hughes", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Those unknown elements are a vital part of Mobile Web. Almost every control contains at least one, and sometimes as many as six, internal controls that were not added by the user's code. Check out button some time for a more complex example of these inner controls. All elements that can scroll have an inner control that we apply a 2D Matrix to to make them scroll.", "updateAuthor": { "name": "bhughes", "key": "bhughes", "displayName": "Bryan Hughes", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2012-11-12T16:44:21.000+0000", "updated": "2012-11-12T16:45:37.000+0000" }, { "id": "226992", "author": { "name": "dcassenti", "key": "dcassenti", "displayName": "Davide Cassenti", "active": true, "timeZone": "Europe/Berlin" }, "body": "Why this is not happening on v2.1.3? Also, the opacity gets set to -7319573220020853000 (again, only in v3.0.0)", "updateAuthor": { "name": "dcassenti", "key": "dcassenti", "displayName": "Davide Cassenti", "active": true, "timeZone": "Europe/Berlin" }, "created": "2012-11-12T16:51:03.000+0000", "updated": "2012-11-12T16:51:03.000+0000" }, { "id": "226993", "author": { "name": "bhughes", "key": "bhughes", "displayName": "Bryan Hughes", "active": true, "timeZone": "America/Los_Angeles" }, "body": "We have a new animation engine for 3.0, that's why things look different. Those \"unknown\" controls are under the hood controls not meant to be accessed by devs, so expect to see their behavior change over time as we optimize the UI system in Mobile Web.\n\nAs for the opacity thing, can you open a new ticket for it? That problem is unrelated to the title of this ticket.", "updateAuthor": { "name": "bhughes", "key": "bhughes", "displayName": "Bryan Hughes", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2012-11-12T17:00:52.000+0000", "updated": "2012-11-12T17:00:52.000+0000" } ], "maxResults": 5, "total": 5, "startAt": 0 } } }