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)
Tracking
(Webcompat Priority:P2, Webcompat Score:5, firefox131 affected)
NEW
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)
2.37 MB,
video/mp4
|
Details |
Environment:
Operating system: Windows 10
Firefox version: Firefox 128.0.3 (release)/131
Preconditions:
- Clean profile
Steps to reproduce:
- Navigate to: https://futonland.com/futon-sets-and-packages
- Scroll down the page.
- 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)
Comment 1•9 months ago
|
||
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.
Updated•9 months ago
|
Severity: -- → S2
User Story: (updated)
Keywords: webcompat:needs-diagnosis,
webcompat:site-report
Priority: -- → P3
Updated•4 months ago
|
Webcompat Priority: --- → P2
Updated•3 months ago
|
User Story: (updated)
Webcompat Score: --- → 5
Priority: P3 → P2
Comment 2•3 months ago
|
||
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.
Keywords: webcompat:needs-diagnosis → webcompat:needs-contact
You need to log in
before you can comment on or make changes to this bug.
Description
•