www.themaven.net - see bug description

[webcompat-bot]

URL: https://www.themaven.net/warriormaven

Browser / Version: Firefox 61.0
Operating System: Windows 10
Tested Another Browser: Yes

Problem type: Something else
Description: Icon mossing
Steps to Reproduce:
Icon on the bottom right is missing
gfx.webrender.all: false
gfx.webrender.blob-images: 1
gfx.webrender.enabled: false
image.mem.shared: 1

From webcompat.com with ❤️

[softvision-oana-arbuzov]

Thanks for the report, I was able to reproduce the issue, the image is not displayed.

Affected area:
Firefox:

<img decoding="async" style="padding-right:300px;padding-bottom:250px" class="" alt="" title="" width="300" height="250">

Chrome:

<img decoding="async" style="padding-right:300px;padding-bottom:250px" class="" width="300" height="250" alt="" title="" srcset="https://imageproxy.themaven.net/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fmaven-user-photos%2Fwarriormaven%2Fsea%2FE01f5D5P-0-UPsMl0JPoiQ%2FmcaszwJwjkGu1AAxZJpCLg?w=300&amp;q=75&amp;h=250&amp;auto=format&amp;fit=crop 1x, https://imageproxy.themaven.net/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fmaven-user-photos%2Fwarriormaven%2Fsea%2FE01f5D5P-0-UPsMl0JPoiQ%2FmcaszwJwjkGu1AAxZJpCLg?w=450&amp;q=75&amp;h=375&amp;auto=format&amp;fit=crop 1.5x, https://imageproxy.themaven.net/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fmaven-user-photos%2Fwarriormaven%2Fsea%2FE01f5D5P-0-UPsMl0JPoiQ%2FmcaszwJwjkGu1AAxZJpCLg?w=600&amp;q=75&amp;h=500&amp;auto=format&amp;fit=crop 2x, https://imageproxy.themaven.net/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fmaven-user-photos%2Fwarriormaven%2Fsea%2FE01f5D5P-0-UPsMl0JPoiQ%2FmcaszwJwjkGu1AAxZJpCLg?w=900&amp;q=75&amp;h=750&amp;auto=format&amp;fit=crop 3x " src="https://imageproxy.themaven.net/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fmaven-user-photos%2Fwarriormaven%2Fsea%2FE01f5D5P-0-UPsMl0JPoiQ%2FmcaszwJwjkGu1AAxZJpCLg">

Tested with:
Browser / Version: Firefox Nightly 61.0a1 (2018-03-27)
Operating System: Windows 10 Pro

This might be related to #16152.

Moving to Needsdiagnosis for further investigation.

[karlcow]

Yup companion issue of #16152

The missing image is not anymore in the top 3. It started to go down.

On Chrome the markup is

<div class="jss176">
    <a href="/warriormaven/sea/navy-virgina-attack-subs-will-fire-nuclear-warhead-expand-mission-2N36MXgvak-g40ZZ2OXdZw/">
        <div class="jss91 picture loaded"
            style="width: 323px; height: 236px; display: block;">
            <div class="observable"><img decoding="async"
                    class="proxied-image proxied-image-active"
            
                    width="323"
                    height="236"
                    alt=""
                    title=""
                    style="padding-right: 323px; padding-bottom: 236px;"
            
                    srcset="https://imageproxy.themaven.net/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fmaven-user-photos%2Fwarriormaven%2Fsea%2FE01f5D5P-0-UPsMl0JPoiQ%2FmcaszwJwjkGu1AAxZJpCLg?w=323&amp;q=75&amp;h=236&amp;auto=format&amp;fit=crop 1x, https://imageproxy.themaven.net/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fmaven-user-photos%2Fwarriormaven%2Fsea%2FE01f5D5P-0-UPsMl0JPoiQ%2FmcaszwJwjkGu1AAxZJpCLg?w=485&amp;q=75&amp;h=354&amp;auto=format&amp;fit=crop 1.5x, https://imageproxy.themaven.net/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fmaven-user-photos%2Fwarriormaven%2Fsea%2FE01f5D5P-0-UPsMl0JPoiQ%2FmcaszwJwjkGu1AAxZJpCLg?w=646&amp;q=75&amp;h=472&amp;auto=format&amp;fit=crop 2x, https://imageproxy.themaven.net/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fmaven-user-photos%2Fwarriormaven%2Fsea%2FE01f5D5P-0-UPsMl0JPoiQ%2FmcaszwJwjkGu1AAxZJpCLg?w=969&amp;q=75&amp;h=708&amp;auto=format&amp;fit=crop 3x "
            
                    src="https://imageproxy.themaven.net/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fmaven-user-photos%2Fwarriormaven%2Fsea%2FE01f5D5P-0-UPsMl0JPoiQ%2FmcaszwJwjkGu1AAxZJpCLg"></div>
        </div>
        <div class="headline-gradient">
            <h2 class="headline">Navy Virgina Attack Subs Will Fire Nuclear Warhead, Expand Mission</h2></div>
    </a>
</div>

On Firefox

<div class="jss282">
    <a href="/warriormaven/sea/navy-virgina-attack-subs-will-fire-nuclear-warhead-expand-mission-2N36MXgvak-g40ZZ2OXdZw/">
        <div class="jss91 loading picture"
            style="width: 323px; height: 236px; display: block;">
            <div class="observable"><img decoding="async"
                    style="padding-right: 323px; padding-bottom: 236px;"
            
                    class="proxied-image"
                    alt=""
                    title=""
                    width="323"
                    height="236"></div>
        </div>
        <div class="headline-gradient">
            <h2 class="headline">Navy Virgina Attack Subs Will Fire Nuclear Warhead, Expand Mission</h2></div>
    </a>
</div>

and this is the markup as received by the browser aka the HTTP response

<div class="c01176">
    <a href="/warriormaven/sea/navy-virgina-attack-subs-will-fire-nuclear-warhead-expand-mission-2N36MXgvak-g40ZZ2OXdZw/">
        <div class="c0191 loading picture"
            style="width:323px;height:236px;display:block">
            <div class="observable">
                <img decoding="async"
                    style="padding-right:323px;padding-bottom:236px"
                    class="proxied-image"
                    width="323"
                    height="236"
                    alt=""
                    title="" />
            </div>
        </div>
        <div class="headline-gradient">
            <h2 class="headline">Navy Virgina Attack Subs Will Fire Nuclear Warhead, Expand Mission</h2>
        </div>
    </a>
</div>

I got one interesting error message but maybe not related

14:57:21.105
too much recursion[Learn More] prebid.js:3:62169

Ah no… simpler… :) webp
I'm not sure why but this is the only image which is sent as webp to firefox.

https://bugzilla.mozilla.org/show_bug.cgi?id=1294490