784180 - Text blinks when using web fonts and lazy-loading javascript. (Reproducible test case)

Status: RESOLVED INVALID

(Firefox :: Untriaged, defect)

Description

[lance]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8) AppleWebKit/536.25 (KHTML, like Gecko) Version/6.0 Safari/536.25

Steps to reproduce:

Reproducible test case here:
http://www.newsvine.com/_labs/firefox-blink-text.html




Actual results:

The text on this page will blink 3 seconds (using setTimeout) after page load. This does not happen in other browsers. Also an issue in the Nightly build.

From what I can tell, the combination of web fonts in a remote file and a delay in the loading of Facebook's all.js file causes the text on this page to blink after all.js is loaded.

This combination of factors is a real-world issue for us at Newsvine with the redesign we're working on.

The issue is resolved if:

- Don't use web fonts
- Don't delay the loading of all.js
- And the strangest of all... moving the web font includes from a remote file inline in the HEAD resolves the issue



Expected results:

The text should not blink after lazy-loading Facebook's all.js. It does not blink in other browsers.

Comment 1

[Loic]

I'm not able to see the issue with FF14 on Win 7.
When I open the link, the text with the list (1, 2, 3) is the 1st to load, then the rest of the text then I see the page reloading (the favicon changes).

Comment 2

[lance]

I just realized it only happens with Firebug enabled. So I suppose it's just a Firebug related issue. Should I file an issue over at getfirebug.com then? My bad. sorry.

Comment 3

[Loic]

If it doesn't happen in safe mode (http://kb.mozillazine.org/Firefox_Safe_Mode) or with a fresh new Firefox profile, it's likely an issue with Firebug (or another addon).
So yes, feel free to report the issue on Firebug bug tracker.

Comment 4

[lance]

submitting to Firebug