Example clipping right-hand letter

[Gumnos]

Viewing the demo in Chromium on Linux, it crops the far right letters. In theory, a screenshot should be attached:

[Gumnos]

Sigh, Github being weird. This looks like the image may have attached more successfully.

[ghost]

I'm seeing the same thing in Chrome on OSX

[jxnblk]

Oof! It doesn't crop that badly for me on OSX. I know there are some subpixel rounding issues, but I'll try to look into why it does this. Might be a symptom of using letter-spacing on the text element.

[ghost]

Perhaps I should re-state, it's not that bad on my browser.

Some clipping, not nearly as bad as this issue.

[jxnblk]

@Gumnos would you mind testing this codepen out on Linux?

http://codepen.io/jxnblk/pen/BArkI

It removes the letter-spacing property, which I suspect might be the issue.

[Gumnos]

Still a bit wonky, but better:

Depending on my browser dimensions, I either got a fragment of the "y" on the first line, or it vanished completely.

[jxnblk]

Thanks for checking this out. I was hoping that would work, but I'll keep looking into it.

[beaverusiv]

I get the clipping in Firefox on Linux too.

[Depado]

Same here.

[dlosie]

Seems to me that this clipping occurs if the browser is zoomed in while the page loads. At 100% zoom I see no clipping, but if I zoom in at all and reload the page it clips the words on both sides.

[Gumnos]

For the record, the artifacts I saw occurred at 100% zoom (i.e., no
increase/decrease in zoom-level).

[beaverusiv]

It seems to be fixed for me, but I have changed graphics drivers, so that could be the issue. I was on fglrx, now on nvidia.

[christianmagill]

I get the same issue with the right hand cutoff on a site I'm working on. What is weird is it happens intermittently with the viewport at same size, and if I reload the site via hitting enter in the location bar it loads properly.