Blurry Text when using a Scrollview

[famous]

Blurry Text when using a Scrollview

[KevinHoward]

#18

Not sure why the issue was closed, but here is an issue discussing the same problem.

[dmvaldman]

Have you pulled from v0.1.2 which was cut last night? We have a fix! (this was the reason for the close)

changelog: https://github.com/Famous/famous/blob/master/CHANGELOG.md

[reem]

Just updated generator-famous and made a brand new project:

:(

[dmvaldman]

Can you check if the CSS applied to the element has rounded pixel values (note, we take into account pixel density, so if you have a retina screen (density 2) it will be rounded to the nearest .5)

[reem]

I'm not 100% sure what to check, but it appears that everything is a round pixel value. Here's everything just in case:

-webkit-backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
-webkit-transform-origin: 0px 0px;
-webkit-transform-style: flat;
background-color: rgb(255, 164, 87);
box-sizing: border-box;
color: rgb(0, 0, 0);
display: block;
height: 50px;
opacity: 0.9999989867210388;
pointer-events: auto;
position: absolute;
width: 300px;

[dmvaldman]

The thing to look for is that the -webkit-transform matrix is all integers, which it appears to be. The blurry font is caused by anti-aliasing, where a black pixel is located in between two physical pixels on your monitor, and grays out, for example. We'll be looking into this more on our end. Thanks for brining it up.

[andrewdeandrade]

@reem what platform are you running Chrome on? Is this Chrome on Windows?

[reem]

Nope. Latest chrome on OS X 10.9.

On Tue, Jun 3, 2014 at 11:46 AM, Andrew de [email protected], wrote:

@reem what platform are you running Chrome on? Is this Chrome on Windows?

—
Reply to this email directly or view it on GitHub.

[lunardog]

Are you using HeaderFooterLayout by any chance?

[reem]

Nope. Here's a gist with the minimum code necessary to reproduce this in chrome: https://gist.github.com/reem/11406427

[MylesBorins]

@ftripier @michaelobriena Have you guys seen this thread?

[michaelobriena]

Is this still an issue using the newest version of Famo.us?

[dmvaldman]

Fixed