788587 - disqus comments don't show up

Status: RESOLVED WORKSFORME

(Firefox :: General, defect)

Description

[Bazze]

I discovered this in FF 14.0.1 and it's still the same in FF 15.

If you put the code for Disqus comments inside an element that is hidden and wait until everything is fully loaded and then display the element using JavaScript, the comment box nor comments will show up. However if you resize the window, it'll show up immediately. It's working fine in latest version of Google Chrome and Safari though.

Ongoing thread on stackoverflow: http://stackoverflow.com/questions/11884492/initializing-disqus-comments-in-hidden-element-causes-issue-in-ff-14-0-1

See it in action by going to http://onlinefunctions.net/function/php/string/trim and wait until everything has finished loading, then press the "Comments" tab. The comments won't show up.

Comment 1

[(mostly gone) XtC4UaLL [:xtc4uall]]

Confirmed Mozilla/5.0 (Windows NT 6.1; WOW64; rv:18.0) Gecko/18.0 Firefox/18.0 ID:20120909030609 (and back to Firefox 3.6.x).

Unsure if related, but there's some Output in Error Console:
Error: downloadable font: download failed (font-family: "IcoMoon" style:normal weight:normal stretch:normal src index:2): bad URI or cross-site access not allowed
source: http://mediacdn.disqus.com/1347059056/img/next/font/IcoMoon.woff
Source file: http://mediacdn.disqus.com/1347059056/build/next/theme.css
Source code:
@font-face {   font-family: "IcoMoon";   font-style: normal;   font-weight: normal;   src: url("http://mediacdn.disqus.com/1347059056/img/next/font/IcoMoon.eot?#iefix") format("embedded-opentype"), url("http://mediacdn.disqus.com/1347059056/img/next/font/IcoMoon.svg#IcoMoon") format("svg"), url("http://mediacdn.disqus.com/1347059056/img/next/font/IcoMoon.woff") format("woff"), url("http://mediacdn.disqus.com/1347059056/img/next/font/IcoMoon.ttf") format("truetype"); }
 ----------
Error: downloadable font: download failed (font-family: "IcoMoon" style:normal weight:normal stretch:normal src index:3): bad URI or cross-site access not allowed
source: http://mediacdn.disqus.com/1347059056/img/next/font/IcoMoon.ttf
Source file: http://mediacdn.disqus.com/1347059056/build/next/theme.css
Source code:
@font-face {   font-family: "IcoMoon";   font-style: normal;   font-weight: normal;   src: url("http://mediacdn.disqus.com/1347059056/img/next/font/IcoMoon.eot?#iefix") format("embedded-opentype"), url("http://mediacdn.disqus.com/1347059056/img/next/font/IcoMoon.svg#IcoMoon") format("svg"), url("http://mediacdn.disqus.com/1347059056/img/next/font/IcoMoon.woff") format("woff"), url("http://mediacdn.disqus.com/1347059056/img/next/font/IcoMoon.ttf") format("truetype"); }

Comment 2

[Daniel Lombraña González]

This also happens in Firefox nightly and FF 16.

Comment 3

[Ada [:adalucinet]]

Pushlog: http://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=0602e44ac248&tochange=57abb5f70e01

Last good nightly: 2012-07-14
First bad nightly: 2012-07-15

Comment 4

[(mostly gone) XtC4UaLL [:xtc4uall]]

This is WFM against

Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.2.28) Gecko/20120306 Firefox/3.6.28 ID:20120306064154 CSet: b2576dbcd614

Mozilla/5.0 (Windows NT 6.1; WOW64; rv:10.0.12) Gecko/20100101 Firefox/10.0.12 ID:20130103094221 CSet: 9e1102e58ac8

Mozilla/5.0 (Windows NT 6.1; WOW64; rv:26.0) Gecko/20100101 Firefox/26.0 ID:20130810030206 CSet: c5946a8bcd5b

=> Site changed?