Open Bug 1911802 Opened 9 months ago Updated 3 months ago

futonland.com - Product images are not visible until hovering over them

Categories

(Web Compatibility :: Site Reports, defect, P2)

Firefox 128
Desktop
Windows 10

Tracking

(Webcompat Priority:P2, Webcompat Score:5, firefox131 affected)

Webcompat Priority P2
Webcompat Score 5
Tracking Status
firefox131 --- affected

People

(Reporter: ctanase, Unassigned)

References

()

Details

(Keywords: webcompat:needs-contact, webcompat:site-report, Whiteboard: [webcompat-source:product])

User Story

platform:windows,mac,linux,android
impact:workflow-broken
configuration:general
affects:all
branch:release
diagnosis-team:dom
user-impact-score:160

Attachments

(1 file)

Attached video FF vs Chrome.mp4

Environment:
Operating system: Windows 10
Firefox version: Firefox 128.0.3 (release)/131

Preconditions:

  • Clean profile

Steps to reproduce:

  1. Navigate to: https://futonland.com/futon-sets-and-packages
  2. Scroll down the page.
  3. Observe the products.

Expected Behavior:
The images for products load correctly.

Actual Behavior:
The product images become visible only when hovering over them.

Notes:

  • Reproducible on the latest Firefox Release and Nightly
  • Reproducible regardless of the ETP setting
  • Works as expected using Chrome

Created from webcompat-user-report:a20f3f34-b0f5-4df9-88dd-30eaad094238
(the initial issue reported does not reproduce on Nightly, only Release)

Nightly is also broken if you reload, so there is an issue. In the broken case, the console says

Uncaught ReferenceError: LazyLoad is not defined

so probably a script loading race.

Severity: -- → S2
User Story: (updated)
Priority: -- → P3
Webcompat Priority: --- → P2
User Story: (updated)
Webcompat Score: --- → 5
Priority: P3 → P2

The site does something like this

<script src="//cdn.jsdelivr.net/npm/vanilla-lazyload@17.4.0/dist/lazyload.min.js" async type="9b520dca18a877f69fde7119-text/javascript"></script>

<script type="9b520dca18a877f69fde7119-text/javascript">
var lazyLoadInstance = new LazyLoad({
    elements_selector: ".lazy",
    threshold: "300"
});
</script>

The expect that async script to be loaded, however it's not guaranteed. So a site-bug.

You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: