[Webkit-unassigned] [Bug 30258] New: Background color of <body> remains unstyled (white) in space outside of contained elements after some page loads

Fri Oct 9 12:53:16 PDT 2009

https://bugs.webkit.org/show_bug.cgi?id=30258

           Summary: Background color of <body> remains unstyled (white) in
                    space outside of contained elements after some page
                    loads
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh Intel
               URL: http://xerxes.myshopify.com
        OS/Version: Mac OS X 10.6
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: jmacaulay at gmail.com

Created an attachment (id=40961)
 --> (https://bugs.webkit.org/attachment.cgi?id=40961)
Pointing out how the structure of the page relates to the bug behaviour

Sometimes when a page is refreshed, the background color of the page remains
white in the area outside the contained elements. This always coincides with
the whole page flashing white for a fraction of a second before any content
loads.

I have reproduced this behaviour in these products, all running on OS X 10.6:

* Safari Version 4.0.3 (6531.9)
* Webkit/Safari nightly build Version 4.0.3 (6531.9, r49283)
* Chromium 4.0.222.3 (28536)

Co-workers of mine running OS X 10.5 with Safari version 5531.9 have _not_ been
able to reproduce this problem.

Here is a video demonstrating the bug:

http://www.youtube.com/watch?v=Tcs2dspLVsU

I tried re-creating the issue from a saved Safari "Web Archive" of the page,
but it never occurred. It seems to happen much more frequently when page
loading is slowed down for whatever reason (e.g. when I load the page from the
app running in development mode on my own computer, it is noticeably slower and
also manifests the bug much more frequently).

As I have illustrated in the attached screenshot, the area left unstyled by
this bug coincides with the area of the page not covered by any child elements
of the <body> tag.

My hunch is that this has to do with the way Webkit loads scripts and
stylesheets in parallel:

http://webkit.org/blog/66/the-fouc-problem/

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.