{ "id": "93590", "key": "TIMOB-9679", "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": "11", "description": "Is not a bug in our product", "name": "Not Our Bug" }, "resolutiondate": "2012-06-27T13:33:38.000+0000", "created": "2012-06-20T18:30:55.000+0000", "priority": { "name": "Medium", "id": "3" }, "labels": [], "versions": [ { "id": "13271", "description": "Release 2.1.0", "name": "Release 2.1.0", "archived": false, "released": true, "releaseDate": "2012-06-29" } ], "issuelinks": [], "assignee": { "name": "cbarber", "key": "cbarber", "displayName": "Chris Barber", "active": true, "timeZone": "America/Chicago" }, "updated": "2012-06-27T13:33:45.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": "View backgroundImage flashes when the view is clicked\r\n\r\nh4.Steps to repro:\r\nStep 1: save the attached image to your Resources dir\r\nStep 2: run the code below in ie9 or chrome\r\nStep 3: click on the view\r\nStep 4: watch it flicker (may not happen on every click)\r\n\r\n{code:js}\r\nvar win = Ti.UI.createWindow({\r\n backgroundColor: 'white'\r\n});\r\nwin.open();\r\n\r\nvar view = Ti.UI.createView({\r\n backgroundImage : \"background_productDetail.jpg\",\r\n height: 500,\r\n width: 800\r\n});\r\nwin.add(view);\r\n{code}", "attachment": [ { "id": "28587", "filename": "Archive.zip", "author": { "name": "cbarber", "key": "cbarber", "displayName": "Chris Barber", "active": true, "timeZone": "America/Chicago" }, "created": "2012-06-21T13:01:45.000+0000", "size": 3272389, "mimeType": "application/zip" }, { "id": "28563", "filename": "background_productDetail.jpg", "author": { "name": "jalter", "key": "jalter", "displayName": "Jon Alter", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2012-06-20T18:30:55.000+0000", "size": 134854, "mimeType": "image/jpeg" } ], "flagged": false, "summary": "MobileWeb: view - backgroundImage flashes when the view is clicked", "creator": { "name": "jalter", "key": "jalter", "displayName": "Jon Alter", "active": true, "timeZone": "America/Los_Angeles" }, "subtasks": [], "reporter": { "name": "jalter", "key": "jalter", "displayName": "Jon Alter", "active": true, "timeZone": "America/Los_Angeles" }, "environment": "TiSDK v2.1.0.v20120619190257\r\nChrome Version 19.0.1084.56\r\nIE 9", "comment": { "comments": [ { "id": "199521", "author": { "name": "cbarber", "key": "cbarber", "displayName": "Chris Barber", "active": true, "timeZone": "America/Chicago" }, "body": "I tried to fix the problem by setting a filter on the html element, but it didn't appear to fix it.\r\n\r\n{code}\r\nhtml {\r\n filter: expression(document.execCommand(\"BackgroundImageCache\", false, true));\r\n}\r\n{code}", "updateAuthor": { "name": "cbarber", "key": "cbarber", "displayName": "Chris Barber", "active": true, "timeZone": "America/Chicago" }, "created": "2012-06-20T22:30:05.000+0000", "updated": "2012-06-20T22:30:05.000+0000" }, { "id": "199623", "author": { "name": "cbarber", "key": "cbarber", "displayName": "Chris Barber", "active": true, "timeZone": "America/Chicago" }, "body": "Pull request: https://github.com/appcelerator/titanium_mobile/pull/2448", "updateAuthor": { "name": "cbarber", "key": "cbarber", "displayName": "Chris Barber", "active": true, "timeZone": "America/Chicago" }, "created": "2012-06-21T12:52:54.000+0000", "updated": "2012-06-21T12:52:54.000+0000" }, { "id": "200361", "author": { "name": "lokeshchdhry", "key": "lokeshchdhry", "displayName": "Lokesh Choudhary", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Verified the issue on the build below & found it to be reproducible on chrome.Clicking on the image flashes.\r\n\r\nTitanium Studio : 2.1.0.201206251749\r\nSDK version : 2.1.0.v20120626104306\r\nChrome : 19.0.1084.56\r\n\r\n", "updateAuthor": { "name": "lokeshchdhry", "key": "lokeshchdhry", "displayName": "Lokesh Choudhary", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2012-06-26T11:46:11.000+0000", "updated": "2012-06-26T11:46:11.000+0000" }, { "id": "200385", "author": { "name": "cbarber", "key": "cbarber", "displayName": "Chris Barber", "active": true, "timeZone": "America/Chicago" }, "body": "The only thing that could remotely trigger this is that Chrome returns the backgroundSize of \"100%\" instead of \"!00% 100%\" which we detect as a change, then set to \"100% 100%\". I wrote up a quick change to see if fixing this would fix the flashing, but it did not.\r\n\r\n{code}\r\n--- a/mobileweb/titanium/Ti/_/UI/Element.js\r\n+++ b/mobileweb/titanium/Ti/_/UI/Element.js\r\n@@ -631,7 +631,7 @@ define(\r\n tmp = repeat ? \"repeat\" : \"no-repeat\";\r\n nodeStyle.backgroundRepeat !== tmp && (nodeStyle.backgroundRepeat = tmp);\r\n tmp = repeat ? \"auto\" : \"100% 100%\";\r\n- nodeStyle.backgroundSize !== tmp && (nodeStyle.backgroundSize = tmp);\r\n+ nodeStyle.backgroundSize !== tmp && nodeStyle.backgroundSize + \" 100%\" !== tmp && (nodeStyle.backgroundSize = tmp);\r\n }\r\n }\r\n },\r\n{code}\r\n\r\nI think this might be a bug with Chrome. As of Chrome v21, this is still a problem.", "updateAuthor": { "name": "cbarber", "key": "cbarber", "displayName": "Chris Barber", "active": true, "timeZone": "America/Chicago" }, "created": "2012-06-26T13:51:49.000+0000", "updated": "2012-06-26T13:51:49.000+0000" }, { "id": "200569", "author": { "name": "cbarber", "key": "cbarber", "displayName": "Chris Barber", "active": true, "timeZone": "America/Chicago" }, "body": "I fixed the issues in IE. However the \"flashing\" in Chrome is minimal and from what I can tell, a bug in Chrome.", "updateAuthor": { "name": "cbarber", "key": "cbarber", "displayName": "Chris Barber", "active": true, "timeZone": "America/Chicago" }, "created": "2012-06-27T10:26:58.000+0000", "updated": "2012-06-27T10:26:58.000+0000" }, { "id": "200640", "author": { "name": "lokeshchdhry", "key": "lokeshchdhry", "displayName": "Lokesh Choudhary", "active": false, "timeZone": "America/Los_Angeles" }, "body": "According to chris barber's comment that its a bug in chrome & we cant do anything about it. Thus,closing the bug.", "updateAuthor": { "name": "lokeshchdhry", "key": "lokeshchdhry", "displayName": "Lokesh Choudhary", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2012-06-27T13:16:16.000+0000", "updated": "2012-06-27T13:16:16.000+0000" } ], "maxResults": 6, "total": 6, "startAt": 0 } } }