Bug 106388 – Page does not reflow correctly if there is latency in a link'd stylesheet

• Status: UNCONFIRMED
• Component: CSS

[Thomas R]

Created attachment 181775 [details]
Test case. Change the wait= to 0 in index.html to disable the delay

If an external stylesheet that contains layout-modifying properties (such as padding) has some latency in its response, it does not trigger a reflow when it finally loads.

Given this DOM structure:

  div (width:300px; border: 1px solid green)
    div (class of inner, background: yellow)
      div (background-color: red; height: 20px)

along with a referenced CSS file that contains:

  .inner { padding: 20px; }

You would expect to see (and indeed do, if the stylesheet is read with no delay) the following: http://i.imgur.com/L9rIU.png

However, if a delay is synthesized (say, 3 seconds) between when the server receives a request, and when the HTTP Status header is returned, the page will usually not reflow correctly, as seen here: http://i.imgur.com/TASeK.png

If the delay is inserted between when the server sends the Status header, and when it writes the CSS file content, the incorrect behaviour is not observed.

Behaviour observed in Safari, Chrome and WebKit Nightly (537+). Could not replicate in Mobile Safari or Deck.