Bug 113967 - Rendering errors and inconsistencies on Chrome mobile with large fixed styling
Summary: Rendering errors and inconsistencies on Chrome mobile with large fixed styling
Status: UNCONFIRMED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: Android Android
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2013-04-04 15:14 PDT by bobby
Modified: 2013-04-04 15:15 PDT (History)
0 users

See Also:


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

Note You need to log in before you can comment on or make changes to this bug.
Description bobby 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
Comment 1 bobby 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.