Bug 76497

Summary:

Text with remote font (and hardware accelerated) is cut-off.

Product:

WebKit

Reporter:

kangax <kangax>

Component:

Text

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

mitz

Priority:

Version:

528+ (Nightly build)

Hardware:

Mac (Intel)

OS:

OS X 10.7

Attachments:

Description	Flags
testcase	none

kangax

Reported 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).

Attachments
testcase (1.01 KB, text/html) 2012-01-17 17:02 PST, kangax	no flags	Details
View All Add attachment proposed patch, testcase, etc.

kangax

Comment 1 2012-01-17 17:02:42 PST

Created attachment 122839 [details] testcase

kangax

Comment 2 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.

mitz

Comment 3 2012-03-03 10:16:58 PST

I can’t reproduce this in TOT. Can you?

kangax

Comment 4 2012-03-04 11:15:37 PST

What's a TOT? This still happens to me in r109660.

Note You need to log in before you can comment on or make changes to this bug.