Some of the lazy loaded images in "The Conversation" are not shown unless the whole article has been scrolled before entering reader view

Open
#850 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
35/100
Issue type
Bug
Clarity
Needs clarification
Activity status
Stale
Tech stack
javascript
Domain
frontend, web-dev

Research direction

No repository file or test is identified in the issue. Reproduce the behavior with the listed The Conversation articles in Firefox Reader view and Epiphany's WebKitGTK reader view, then compare which lazy-loaded content images are present before and after scrolling; done means all article images appear without prior scrolling.

Written by the indexing model from the issue text.

Description

has-website-testcase images possibly-ffx-related

Many articles in this scientific news site exhibit this behavior: in-content lazy-loaded images within the articles, below the hero header image (a.k.a. below the "fold"), some content images do not show up in Reader view, unless you scrolled through the page's contents to force loading them before entering reader view.

Here are some example articles, as the behavior varies quite a bit from one article to the next:

  1. Article 221954 (on unaffordable housing) : there are two photos inside the contents of the article, none of them show up in reader view until you have scrolled through them
  2. Article 224832 (on natural ecosystems) also has two photos in the article's contents; the first photo (strawberries) shows up in Reader view even if you enter the view without scrolling first, but the second photo (bumblebee and purple/blue flowers) only shows up in Reader view if you had scrolled to it first.
  3. Article 208352 (on business school education) load all their images in Reader mode even without scrolling.
  4. Article 209832 (on AirBnB and gentrification) loads its first two images, but not the third one

I have tested these on Firefox 123's built-in Reader view, and in Epiphany 45's (WebKitGTK) reader view; both behave the same.

Dominant language
JavaScript
Stars
11.5k
Forks
732
PR merge metrics
No merged PRs in 30d

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from mozilla/readability

All issues in mozilla/readability

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.