Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

www.theatlantic.com - design is broken #87107

Closed
karlcow opened this issue Sep 17, 2021 · 2 comments
Closed

www.theatlantic.com - design is broken #87107

karlcow opened this issue Sep 17, 2021 · 2 comments
Labels
browser-firefox engine-gecko The browser uses the Gecko rendering engine priority-normal
Milestone

Comments

@karlcow
Copy link
Member

karlcow commented Sep 17, 2021

URL: https://www.theatlantic.com/world/

Browser / Version: Firefox 94.0
Operating System: Mac OS X 10.15
Tested Another Browser: Yes Safari

Problem type: Design is broken
Description: Images not loaded
Steps to Reproduce:

  1. Go to https://www.theatlantic.com/world/

Expected:
Thumbnail Images of articles are loaded

Actual:
Images are not loaded

View the screenshot Screenshot
Browser Configuration
  • None

From webcompat.com with ❤️

@webcompat-bot webcompat-bot added this to the needstriage milestone Sep 17, 2021
@webcompat-bot webcompat-bot added browser-firefox engine-gecko The browser uses the Gecko rendering engine priority-normal labels Sep 17, 2021
@karlcow karlcow modified the milestones: needstriage, needsdiagnosis Sep 17, 2021
@karlcow
Copy link
Member Author

karlcow commented Sep 17, 2021

<picture>
  <img
    class="o-media__img u-lazy--img lazyloaded"
    data-srcset="https://cdn.theatlantic.com/thumbor/UFZ2CLvZxCS0Memb3p0CbJgtpyo=/528x0:1878x1350/86x86/media/img/mt/2021/09/whowonsopner/original.jpg, https://cdn.theatlantic.com/thumbor/ijLTG4aj2JS9bkpSNJIpUM3Z89A=/528x0:1878x1350/172x172/media/img/mt/2021/09/whowonsopner/original.jpg 2x"
    alt="a mosaic of a formerly enslaved woman"
    srcset="
      https://cdn.theatlantic.com/thumbor/UFZ2CLvZxCS0Memb3p0CbJgtpyo=/528x0:1878x1350/86x86/media/img/mt/2021/09/whowonsopner/original.jpg,
      https://cdn.theatlantic.com/thumbor/ijLTG4aj2JS9bkpSNJIpUM3Z89A=/528x0:1878x1350/172x172/media/img/mt/2021/09/whowonsopner/original.jpg 2x
    "
  />
</picture>

Accessing
https://cdn.theatlantic.com/thumbor/ijLTG4aj2JS9bkpSNJIpUM3Z89A=/528x0:1878x1350/172x172/media/img/mt/2021/09/whowonsopner/original.jpg

I get

The image “https://cdn.theatlantic.com/thumbor/ijLTG4aj2JS9bkpSNJIpUM3Z89A=/528x0:1878x1350/172x172/media/img/mt/2021/09/whowonsopner/original.jpg” cannot be displayed because it contains errors.

HTTP/2 200 OK
content-type: image/avif
server: nginx/1.14.2
expires: Sat, 16 Oct 2021 12:00:39 GMT
etag: "2c5820a6b67e0a5d3bd6f6ae4a214e1b1341b8cb"
cache-control: max-age=2592000,public
via: 1.1 varnish, 1.1 varnish
accept-ranges: bytes
date: Fri, 17 Sep 2021 01:35:49 GMT
age: 48910
x-served-by: cache-dca17778-DCA, cache-sjc10067-SJC
x-cache: HIT, HIT
x-cache-hits: 1, 1
x-timer: S1631842549.220711,VS0,VE1
vary: Accept
content-length: 11741
X-Firefox-Spdy: h2

AVIF issue?

@karlcow
Copy link
Member Author

karlcow commented Sep 17, 2021

Close as duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=1443863

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
browser-firefox engine-gecko The browser uses the Gecko rendering engine priority-normal
Projects
None yet
Development

No branches or pull requests

3 participants