Article card gets stretched down the page on investopedia.com
Categories
(Web Compatibility :: Site Reports, defect, P2)
Tracking
(firefox125 affected, firefox127 affected)
People
(Reporter: ctanase, Unassigned)
References
(Depends on 1 open bug, )
Details
(Keywords: webcompat:platform-bug)
User Story
platform:windows,mac,linux,android impact:significant-visual configuration:general affects:all
Attachments
(3 files)
Environment:
Operating system: Windows 10
Firefox version: Nightly 127.0a1 (2024-04-22)
Steps to reproduce:
- Go to https://www.investopedia.com/banking-4427754
- Observe the article cards located on the center of the page (just below the "Banking" headline)
Expected Behaviour:
Article card is positioned and sized correctly.
Actual Behaviour:
Article card gets stretched down the page.
Workaround: Scrolling down the page gets the article card displayed correctly until the page gets refreshed or accessed again.
Notes:
- Screen rec attached
- Reproducible regardless of the ETP status
- Reproducible on Firefox Release as well
- Not reproducible on Chrome
- Issue found during WebCompat team [Top100] websites testing
|
||
Updated•5 months ago
|
|
||
Comment 1•4 months ago
|
||
|
|
||
Comment 2•4 months ago
|
||
I think this is related to the lazy-loaded images for the articles that are just-offscreen, which have alt-text until they get lazy-loaded -- and their alt-text is super tall, which probably stretches the whole track/container to be super tall, or something along those lines.
Chrome is more aggressive about clipping alt text in these sorts of situations. Here's a reduced testcase for that.
|
||
Updated•3 days ago
|
Description
•