Bug 82777

Summary:

Subpixel antialiasing missing in some elements that overlay a graphics accelerated element

Product:

WebKit

Reporter:

Tim Ehat <timehat>

Component:

Text

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED DUPLICATE

Severity:

Normal

CC:

simon.fraser

Priority:

Version:

528+ (Nightly build)

Hardware:

All

OS:

All

Attachments:

Description	Flags
Example file	none

Tim Ehat

Reported 2012-03-30 14:02:41 PDT

Created attachment 134875 [details] Example file In the attached example, the <h1> ("Page Title") tag is graphics-accelerated ("-webkit-transform: transform3d(0,0,0)"). The dialog <div> overlaps the <h1> tag (made visible with an semi-transparent background). The text inside the <h2> tag (which is inside the dialog <div>) does not have any sub-pixel font smoothing. Adding a background-color to the <h2> tag will enable sub-pixel antialiasing again. It seems this shouldn't be necessary since the "dialog-content" <div> already has an opaque background color. Changing the "top: 5%" to "top: 15%" (maybe higher, depending on window size...) on the "dialog" <div> will also re-enable sub-pixel antialiasing (since that div will no longer overlay the graphics-accelerated <h1> tag. Seeing this in Safari on Mac OS X Snow Leopard [Version 5.1.4 (6534.54.16)], Chrome on Mac OS X Snow Leopard [17.0.963.83], Chrome on Windows 7 [18.0.1025.142 m].

Attachments
Example file (693 bytes, text/html) 2012-03-30 14:02 PDT, Tim Ehat	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Simon Fraser (smfr)

Comment 1 2013-11-08 17:52:53 PST

*** This bug has been marked as a duplicate of bug 23364 ***

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