Bug 63374 (iOSBlurrytext) - Blurry/Crispy text in relative positioned elements when translate3d is fired
Summary: Blurry/Crispy text in relative positioned elements when translate3d is fired
Status: RESOLVED WORKSFORME
Alias: iOSBlurrytext
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Other Other
: P3 Major
Assignee: Nobody
URL: http://jsfiddle.net/34ejK/
Keywords:
Depends on:
Blocks:
 
Reported: 2011-06-24 20:39 PDT by Gaston M
Modified: 2011-11-02 21:06 PDT (History)
2 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Gaston M 2011-06-24 20:39:55 PDT 
In iOS (tested in iPad2 v4.3.2 and iPhone4 4.3.2) safari webkit, when there is text in a element that's relative positioned and in the same page is used transform3d, that text becomes blurry and if you zoom it it doesn't re-render.

I have attached a demo and here are some shoots:http://t.co/UHIfABu http://t.co/Yj8e7vY http://t.co/dWYXfXZ
Comment 1 Gaston M 2011-06-24 20:41:06 PDT 
(In reply to comment #0)
> In iOS (tested in iPad2 v4.3.2 and iPhone4 4.3.2) safari webkit, when there is text in a element that's relative positioned and in the same page is used transform3d, that text becomes blurry and if you zoom it it doesn't re-render.
> 
> I have attached a demo and here are some shoots:http://t.co/UHIfABu http://t.co/Yj8e7vY http://t.co/dWYXfXZ

sorry it's not transform3d, it's translate3d
Comment 2 Shane Stephens 2011-10-05 20:23:19 PDT 
iOS WebKit lags significantly behind head. Testing this in Chrome 14 and Safari 5 fails to demonstrate the problem. It's likely this is a historical issue that has been fixed in head - could someone test on iOS 5 to confirm?
Comment 3 Mike Lawther 2011-11-02 21:06:10 PDT 
Without any further feedback regarding iOS, I'll close this one as working.