1224586 - Images inside posts no longer display in 42.0

Status: RESOLVED WORKSFORME

(Core :: Layout, defect)

Description

[[e-mail]]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:42.0) Gecko/20100101 Firefox/42.0
Build ID: 20151029151421

Steps to reproduce:

Go to www.infodomini.com and click on any post. The post will come up minus the image within the body of the post. Only the caption will appear.


Actual results:

The post will come up minus the image within the body of the post. Only the caption will appear.


Expected results:

The image should display above the caption. It works fine in IE and Chrome. Only Firefox has an issue.

Comment 1

[Sebastian Hengst [:aryx] (needinfo me if it's about an intermittent or backout)]

The header image with Kerry is visible in both Firefox 41.0.2 and 42.0 here on Windows 8.1. The private browsing mode also doesn't affect it (at least with the default options). Do you see the issue also in Firefox's safe mode? See https://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode

Comment 2

[Loic]

WFM with ff42 on win7.

Comment 3

[[e-mail]]

It's mot the Kerry image, it's the image of the fighter planes in the body of the post and all images in the body of all posts.

Comment 4

[Sebastian Hengst [:aryx] (needinfo me if it's about an intermittent or backout)]

That's visible here. If you inspect the web page with the web developer tools and especially the element with the image, what css rules are applied to it?

Comment 5

[[e-mail]]

Amazing now it's working for me too. I am at a loss for words... Been messing with it for a week...

Comment 6

[Sebastian Hengst [:aryx] (needinfo me if it's about an intermittent or backout)]

Let's close the bug. If it happens again in a reproducible, just comment.

Comment 7

[Seth Fowler [:seth] [:s2h]]

I'm skeptical there is a Firefox bug here.

I *can* reproduce it, and what I'm seeing happening is that they're using a jQuery lazy image loading plugin, and they have tons of JavaScript errors on the page, which seems to be leading to the plugin failing to complete the lazy loading process. The image of the fighter jets is marked |display: none| and its |src| attribute is pointed at |grey.gif|, which is just a solid grey image. The |data-original| attribute points to the image of the fighter jets, and presumably jQuery would've updated the |src| attribute to point to that image and removed |display: none| once the fighter jet image finished loading, except that it seems that one of the many JavaScript errors prevented it from doing so. If I manually point the |src| attribute to the fighter jet image and remove |display: none|, everything renders just fine.

My conclusion is that the issue is probably with the JavaScript code served by this site. It's possible that the error comes from some JavaScript associated with an ad, which would explain why the problem is intermittent; it's also possible it's just a race condition of some kind.