elementor / elementor/elementor

Posts widget - When "Image ratio" is set, post images are flashing when loading

Open
#4,779 13 comments 1 reaction 0 assignees View on GitHub
mod/r* request/enhancement
Dominant language
PHP
Stars
7.1k
Forks
1.6k
Avg merge
1d 5h
Merged PRs (30d)
193

Description

When i use the **Posts widget** and i set the **Image ratio** property, it crops the original image.

The problem is, when the page is loading - for a split second - it loads the original image and after that it crops it. The result is this ugly flicker/flash after every reload.

It seems to be happening to everyone. For example when i watch YT tutorials featuring the Posts widget, i can see the delayed cropping also causing flashing when loading/refreshing.

It seems like the cropping is done by JS and the JS is loading after the CSS, or something like that. Is this a bug or you just think this is OK and it will stay like this?

The Image ratio setting is great and crucial, but the flashing caused by it makes the website look really unprofessional.

Do you know about this? Are you planning to fix this? If not, is there some workaround to still be able to change the image ratio and eliminate the flashing caused by delayed loading of JS or something?

Thank you.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.