Bug 76497 - Text with remote font (and hardware accelerated) is cut-off.
Summary: Text with remote font (and hardware accelerated) is cut-off.
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Text (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac (Intel) OS X 10.7
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2012-01-17 17:02 PST by kangax
Modified: 2012-03-04 11:15 PST (History)
1 user (show)

See Also:


Attachments
testcase (1.01 KB, text/html)
2012-01-17 17:02 PST, kangax
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description kangax 2012-01-17 17:02:05 PST
I'm attaching a test case that shows webkit cutting off text with remote font applied to it. It seems like the issue happens when these 3 conditions are satisfied:

1) text uses remote font
2) text (or its ancestor) has certain padding and margin (in this case parent element has negative margin)
3) element rendering is hardware-accelerated (i.e. has "-webkit-transform: translate3d(0, 0, 0);" applied to it)

Removing either one of them makes the issue disappear. Note that you might need to full-reload the page to see the cutoff. I'm guessing that's what makes text rendering happen _before_ font is being downloaded.

This doesn't happen in Firefox (nightly), Opera (next), or Safari (5.1.2; so it almost looks like a regression).
Comment 1 kangax 2012-01-17 17:02:42 PST
Created attachment 122839 [details]
testcase
Comment 2 kangax 2012-01-17 17:04:31 PST
One more thing: selecting text cause cutoff to disappear. So is inspecting it with web inspector. I'm guessing due to reflow.
Comment 3 mitz 2012-03-03 10:16:58 PST
I can’t reproduce this in TOT. Can you?
Comment 4 kangax 2012-03-04 11:15:37 PST
What's a TOT? This still happens to me in r109660.