{ "id": "115031", "key": "TIMOB-14067", "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": "15547", "description": "2013 Sprint 14", "name": "2013 Sprint 14", "archived": true, "released": true, "releaseDate": "2013-07-15" }, { "id": "15548", "description": "2013 Sprint 14 API", "name": "2013 Sprint 14 API", "archived": true, "released": true, "releaseDate": "2013-07-15" } ], "resolution": { "id": "2", "description": "The problem described is an issue which will never be fixed.", "name": "Won't Fix" }, "resolutiondate": "2013-07-10T23:44:46.000+0000", "created": "2013-05-28T13:18:37.000+0000", "priority": { "name": "High", "id": "2" }, "labels": [ "font", "fontfamily", "fonts", "ios", "ipad", "simulator" ], "versions": [ { "id": "14162", "description": "Release 3.1.0", "name": "Release 3.1.0", "archived": true, "released": true, "releaseDate": "2013-04-16" } ], "issuelinks": [], "assignee": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "updated": "2017-03-22T17:28:28.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": "10206", "name": "iOS", "description": "iOS Platform" } ], "description": "See sample Alloy app and classic app attached for example. After opening the app in the iOS Simulator (iPad, non-retina) you'll see the text in the custom navigation bar in the renders fuzzy/blurry. It also seems like the first text label in the navigation bar is more fuzzy/blurry than the others. We're having this same problem in other parts of our app also.\r\n\r\nh1. More Information\r\nIt turns out that the label text only renders blurry if the parent view has an odd numbered width. This is why only certain labels were blurry and others weren't. If the parent view has an even number width then the text is not blurry. Not sure if this is avoidable or not but it is a strange occurrence. ", "attachment": [ { "id": "39296", "filename": "Alloy_Screenshot.png", "author": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "created": "2013-05-31T11:19:45.000+0000", "size": 160662, "mimeType": "image/png" }, { "id": "39295", "filename": "BlurryFont_Classic.zip", "author": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "created": "2013-05-31T11:17:07.000+0000", "size": 2237857, "mimeType": "application/zip" }, { "id": "39457", "filename": "BlurryFont_Classic2.zip", "author": { "name": "clathrop", "key": "clathrop", "displayName": "Carter Lathrop", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-06-04T18:19:52.000+0000", "size": 2307296, "mimeType": "application/zip" }, { "id": "39129", "filename": "BlurryFontAlloyApp.zip", "author": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "created": "2013-05-28T13:18:37.000+0000", "size": 6303884, "mimeType": "application/zip" }, { "id": "39297", "filename": "Classic_Screenshot.png", "author": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "created": "2013-05-31T11:19:45.000+0000", "size": 161238, "mimeType": "image/png" }, { "id": "39462", "filename": "Screen Shot 2013-06-04 at 4.36.31 PM.png", "author": { "name": "clathrop", "key": "clathrop", "displayName": "Carter Lathrop", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-06-04T20:32:23.000+0000", "size": 69210, "mimeType": "image/png" } ], "flagged": false, "summary": "iOS: Font renders blurry/fuzzy on non-retina iPad", "creator": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "subtasks": [], "reporter": { "name": "clathrop", "key": "clathrop", "displayName": "Carter Lathrop", "active": true, "timeZone": "America/Los_Angeles" }, "environment": "Titanium SDK: 3.1.0GA\r\nTitanium Studio: 3.1.0.201304151600\r\nAlloy: 1.1.2\r\niOS Simulator: iPad / iOS 6.1 (Non-Retina)", "comment": { "comments": [ { "id": "254972", "author": { "name": "clathrop", "key": "clathrop", "displayName": "Carter Lathrop", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Shawn, is this behavior only seen on alloy build apps or will the same blurry appearance occur regardless of using Alloy or not. We need this information to determine if this is an inherent problem with Alloy or with the mobile SDK. If you could look into this it would expedite the resolution to this problem a lot quicker. \n\nThanks for your cooperation,\nCarter", "updateAuthor": { "name": "clathrop", "key": "clathrop", "displayName": "Carter Lathrop", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-05-30T21:01:00.000+0000", "updated": "2013-05-30T21:01:00.000+0000" }, { "id": "255146", "author": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "body": "Example in a Classic app, instead of Alloy", "updateAuthor": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "created": "2013-05-31T11:17:07.000+0000", "updated": "2013-05-31T11:17:07.000+0000" }, { "id": "255148", "author": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "body": "Hi Carter,\n\nI've attached an example Classic app to the issue that exhibits the same issues. Funny enough, different labels are blurry in the Classic example compared to the Alloy one, but both exhibit blurry labels. I've also attached screenshots from both apps so you can see the difference.\n\nThanks,\n\nShawn", "updateAuthor": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "created": "2013-05-31T11:20:22.000+0000", "updated": "2013-05-31T11:20:22.000+0000" }, { "id": "255212", "author": { "name": "clathrop", "key": "clathrop", "displayName": "Carter Lathrop", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Shawn,\n\nI seemed to have found a solution for you, take a look at this community post: \n\nhttp://developer.appcelerator.com/question/126216/blurry-text-on-a-textfield\n\nSpecifically, this answer:\nI've had the same problem too for the iPad. I've managed to fix it by using even number widths. Also if you use a split view make sure in your detailNav window (the right side) use odd number widths because the black line that divides the splitview is 1 pixel making the detailNav width 447px an odd number, so any even numbers will blur the text.\n\nSo it seems that when the width of the parent view of the blurry text in question was an odd number, the pixels rendered created a blurred halo around the outlines of the letters. This seems like a weird occurrence but may be unavoidable, I will relay this to engineering for them to review to see if there is a possible solution. For now, just use an even number width of the view, for instance in your tab1, I changed the width from 185 to 186 (as with rest of your tab views) and the blurriness went away:\n\n{code}\nvar customTab1 = Ti.UI.createView({\n\theight: 57,\n\ttop: 0,\n\tleft: 135,\n\twidth: 186\n});\n{code}\n\nHope this helps! And thanks for bringing this to our attention,\n\nCarter", "updateAuthor": { "name": "clathrop", "key": "clathrop", "displayName": "Carter Lathrop", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-05-31T18:10:49.000+0000", "updated": "2013-05-31T18:10:49.000+0000" }, { "id": "255258", "author": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "body": "Hi Carter,\r\n\r\nI tried what you said and it did seem to work for the example I had provided. Once I plugged in the real labels and icons, though, it went blurry again. I decided to set all of the image widths to even numbers and I also changed the 'left' property to even numbers to no avail. I have an updated example that exhibits this behavior that I'd like to attach but it doesn't seem as though the attach functionality is available to me anymore. I see the 4 existing attachments, but there isn't an Attach button there any longer.\r\n\r\nThanks,\r\n\r\nShawn", "updateAuthor": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "created": "2013-05-31T21:02:54.000+0000", "updated": "2013-06-01T16:25:42.000+0000" }, { "id": "255509", "author": { "name": "clathrop", "key": "clathrop", "displayName": "Carter Lathrop", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Shawn,\n\nIf you feel comfortable with it, you can send it to me at clathrop@appcelerator.com and I will attach it to the project myself. I have upgraded this ticket to Ti-Mobile so engineering will have a look at it and address the issue as soon as they can. I think your next step would be to see if the blurriness happens on device but other than that, there is not much more I can do from my end. \n\nRegards,\nCarter", "updateAuthor": { "name": "clathrop", "key": "clathrop", "displayName": "Carter Lathrop", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-06-03T16:33:44.000+0000", "updated": "2013-06-03T16:33:44.000+0000" }, { "id": "255719", "author": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "body": "Hi Carter,\r\n\r\nI just emailed over the revised example. I can confirm that it does display blurry on physical iPad devices (non-retina only) in addition to the simulator. It displays crisp on physical iPads with Retina displays and in the Retina iPad Simulator.\r\n\r\nThanks,\r\n\r\nShawn", "updateAuthor": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "created": "2013-06-04T01:52:41.000+0000", "updated": "2013-06-04T01:52:41.000+0000" }, { "id": "255884", "author": { "name": "clathrop", "key": "clathrop", "displayName": "Carter Lathrop", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Thanks Shawn, you should be able to delete the old examples. There is a small garbage can all the way to the right of the attachment description. Again, this is up to engineering to look at now so they will be in touch with their address to the issue, keep a watch on this ticket.\n\nThanks for your patience,\nCarter", "updateAuthor": { "name": "clathrop", "key": "clathrop", "displayName": "Carter Lathrop", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-06-04T18:21:55.000+0000", "updated": "2013-06-04T18:21:55.000+0000" }, { "id": "255885", "author": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "body": "I'll keep an eye out, Carter. There's no trash can/delete icon next to the attachments for me. Maybe that's only for admins?", "updateAuthor": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "created": "2013-06-04T18:26:41.000+0000", "updated": "2013-06-04T18:26:41.000+0000" }, { "id": "255886", "author": { "name": "clathrop", "key": "clathrop", "displayName": "Carter Lathrop", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Sorry it should be right next to the time it was added, all the way to the right of the highlighted attachment. And you shouldn't have to be an admin to do it, I had another developer delete his attachments just this morning. If you still can't find it no worries.\n\nRegards,\nCarter", "updateAuthor": { "name": "clathrop", "key": "clathrop", "displayName": "Carter Lathrop", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-06-04T18:30:03.000+0000", "updated": "2013-06-04T18:30:03.000+0000" }, { "id": "255889", "author": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "body": "Yeah it's definitely not there. See this screenshot: http://awesomescreenshot.com/04a1cw4e0c", "updateAuthor": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "created": "2013-06-04T18:35:21.000+0000", "updated": "2013-06-04T18:35:21.000+0000" }, { "id": "255926", "author": { "name": "clathrop", "key": "clathrop", "displayName": "Carter Lathrop", "active": true, "timeZone": "America/Los_Angeles" }, "body": "The attachment needs to be highlighted. See attached screenshot. If it's still not there don't worry about it, but in case you were wondering, that's how you delete attachments.\n\nBest,\nCarter", "updateAuthor": { "name": "clathrop", "key": "clathrop", "displayName": "Carter Lathrop", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-06-04T20:33:14.000+0000", "updated": "2013-06-04T20:33:14.000+0000" }, { "id": "255929", "author": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "body": "I tried that earlier, too. There must be some reason why it's not giving me that option. Maybe it's the same reason I no longer am able to add attachments? You can see I have it highlighted (my mouse is hovering the row) in this screenshot: http://awesomescreenshot.com/0561cwsvac .. Maybe we need a JIRA for the JIRA? lol.", "updateAuthor": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "created": "2013-06-04T20:36:48.000+0000", "updated": "2013-06-04T20:36:48.000+0000" }, { "id": "255931", "author": { "name": "clathrop", "key": "clathrop", "displayName": "Carter Lathrop", "active": true, "timeZone": "America/Los_Angeles" }, "body": "That's odd... yea I'll have to write up a ticket for JIRA now. Thanks for pointing that out. \r\n\r\nEdit: Ah no, it's because the ticket is now in Ti-Mobile, a different subclass of tickets than Titanium Community. You have lost your access to make changes to the ticket. But it is strange that I am not allowed to make the changes, need a ticket for that I think. :p", "updateAuthor": { "name": "clathrop", "key": "clathrop", "displayName": "Carter Lathrop", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-06-04T20:40:56.000+0000", "updated": "2013-06-04T20:42:17.000+0000" }, { "id": "258128", "author": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "body": "Hi Carter & Ingo,\r\n\r\nJust checking to see if there's been any progress. I'm under a tight deadline to submit my app to the store in exactly one week and I can't do that with the font rendering so fuzzy. \r\n\r\nThanks so much,\r\n\r\nShawn", "updateAuthor": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "created": "2013-06-17T12:34:34.000+0000", "updated": "2013-06-17T12:34:34.000+0000" }, { "id": "259249", "author": { "name": "clathrop", "key": "clathrop", "displayName": "Carter Lathrop", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Shawn,\n\nI updated the priority to high and set severity to blocker to let engineering know this is preventing you from release. This should add some urgency to the ticket. Sorry for the wait and thanks for your patience with this. Also, if you have not already seen this Q&A post, it might help you come to a resolution:\n\nhttp://developer.appcelerator.com/question/126673/possible-solution-for-blurry-text\n\nRegards,\nCarter", "updateAuthor": { "name": "clathrop", "key": "clathrop", "displayName": "Carter Lathrop", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-06-24T21:08:50.000+0000", "updated": "2013-06-24T21:08:50.000+0000" }, { "id": "259346", "author": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "body": "Thanks, Carter. I referenced that Q&A post and I actually was able to get the blurry text to go away if I set fixed, even number heights and widths on all of the elements related to the label. This still doesn't solve my problem, though, as I need the ability to center elements and I have to set widths to Titanium.UI.SIZE to do that. Maybe the solution is to force elements that have widths of Titanium.UI.SIZE to always be set to an even number? Seems silly, but may be an easy solution.", "updateAuthor": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "created": "2013-06-25T11:11:34.000+0000", "updated": "2013-06-25T11:11:34.000+0000" }, { "id": "260911", "author": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "body": "Hi guys,\r\n\r\nWe're about to deliver our application to a very large prospect on Tuesday (we have no other choice to wait any longer) and they use all iPad 2's in which our app's font will look blurry/fuzzy. Is there any chance someone can look at this and try to provide a fix before then? We're really desperate here. \r\n\r\nThanks,\r\n\r\nShawn", "updateAuthor": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "created": "2013-07-05T22:23:02.000+0000", "updated": "2013-07-05T22:23:02.000+0000" }, { "id": "260926", "author": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "body": "[~srahim] and [~blainhamon] Can we see if there is a quick fix for this?", "updateAuthor": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-07-07T02:11:19.000+0000", "updated": "2013-07-07T02:11:19.000+0000" }, { "id": "260927", "author": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "body": "Thanks for your attention to this, Ingo, Sabil, & Blain!", "updateAuthor": { "name": "shawncberg", "key": "shawncberg", "displayName": "Shawn Berg", "active": true, "timeZone": "America/New_York" }, "created": "2013-07-07T02:16:13.000+0000", "updated": "2013-07-07T02:16:13.000+0000" }, { "id": "261368", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "This is not a bug, just the way iOS draws stuff on half pixels.\n\nLets take the example of the first custom tab which looks blurry.\n\nIt has a width of 185. The tab1_interior has an autowidth of 100 [36 + 12 + 52(label)]. So with no position pins this draws the view at half pixels which causes the view to be blurry. The same is true for the retina display as well, except that the screen resolution is so high (4x pixels) you can not really see the blurred edges.\n\nThe claim that the tab with an even width is not blurred is incorrect. That is blurred as well but only slightly (since only the frame.origin.y calculates to a half pixel). To prove the point just change the height of `customTab3` to 58 to see a crisp rendition of the view.\n\nTo fix the issue, just give a proper top and left to all the autosized containers. You can get the approximate values from the postlayout listener on the views. I just ran the sample with the following redefinition\n\n{code}\nvar tab1_interior = Ti.UI.createView({\n\tlayout: \"horizontal\",\n\thorizontalWrap: false,\n\twidth: Titanium.UI.SIZE,\n\theight: Titanium.UI.SIZE,\n\ttop:14,\n\tleft:43\n});\n{code}\n\nThe postlayout listener reported the rect property of this view to be [x,y,width,height]=[42.5,14.5,100,28]\n\nGoing to mark this as wont fix since we are actually doing exactly what the code specified.\n", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2013-07-10T23:43:29.000+0000", "updated": "2013-07-10T23:43:29.000+0000" }, { "id": "414796", "author": { "name": "lmorris", "key": "lmorris", "displayName": "Lee Morris", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Closing ticket as the issue will not fix and with reference to the above comments.", "updateAuthor": { "name": "lmorris", "key": "lmorris", "displayName": "Lee Morris", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2017-03-22T17:28:28.000+0000", "updated": "2017-03-22T17:28:28.000+0000" } ], "maxResults": 22, "total": 22, "startAt": 0 } } }