Bug 113967

Summary:

Rendering errors and inconsistencies on Chrome mobile with large fixed styling

Product:

WebKit

Reporter:

bobby

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

UNCONFIRMED

Severity:

Normal

Priority:

Version:

528+ (Nightly build)

Hardware:

Android

OS:

Android

Attachments:

Description	Flags
html file demonstrating the bug	none
video footage of broken page on mobile :(	none

bobby

Reported 2013-04-04 15:14:27 PDT

Created attachment 196537 [details] html file demonstrating the bug A specific combination of large fonts with fixed positioning causes stuttering, ugly artifacts, incorrect cropping and erroneous z-indexing. I've attached an html file to illustrate these problems. Firefox and Chrome on desktop have no problem rendering the page. However, most mobile browsers break in some way, including webkit-backed ones. Some of the problems: * The tiled background does not stay fixed * Text on a lower z-index appears in front for some time, becomes correct after some sort of refresh occurs * Artifacts appear after scrolling down pretty far, and scrolling back up

Attachments
html file demonstrating the bug (2.24 KB, text/html) 2013-04-04 15:14 PDT, bobby	no flags	Details
video footage of broken page on mobile :( (1.97 MB, video/mp4) 2013-04-04 15:15 PDT, bobby	no flags	Details
View All Add attachment proposed patch, testcase, etc.

bobby

Comment 1 2013-04-04 15:15:54 PDT

Created attachment 196538 [details] video footage of broken page on mobile :( This is video of interaction with Firefox, but Chrome reacts *very* similar.

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