Image Carousel Lazy Load: images looks broken before loading

[bluantinoo]

Prerequisites

• I have searched for similar issues in open and closed tickets and cannot find a duplicate.
• I have troubleshooted my issue, and it still exists against the latest stable version of Elementor.

Description

When Lazy Load options is ON images look broken (file not found) on browsers before they are loaded.

This screenshot should explain better, this is what I see before the image is loaded:

it's quite an ugly effect.

turning off the Lazyload option on Image Carousel Additional Options fixes the issue (but I want lazy load!).

Steps to reproduce

just create an image carousel on Elementor and activate the lazyload option on Additional Options

Expected behavior

Not to see the icon as the image was not found

Isolating the problem

• This bug happens when only the Elementor (and Elementor Pro) plugins are active.
• This bug happens with the Hello Elementor theme active.
• I can reproduce this bug consistently by following the steps I described above.

Elementor System Info

Click to reveal

== Server Environment ==
	Operating System: Linux
	Software: Apache
	MySQL version: MySQL Community Server - GPL v8.0.36
	PHP Version: 8.1.28
	PHP Memory Limit: 1024M
	PHP Max Input Vars: 12000
	PHP Max Post Size: 150M
	GD Installed: Yes
	ZIP Installed: Yes
	Write Permissions: All right
	Elementor Library: Connected

== WordPress Environment ==
	Version: 6.4.2
	Site URL: https://www.immobiliare-domus.com
	Home URL: https://www.immobiliare-domus.com
	WP Multisite: No
	Max Upload Size: 150 MB
	Memory limit: 40M
	Max Memory limit: 1024M
	Permalink Structure: /%postname%/
	Language: it_IT
	Timezone: 1
	Debug Mode: Active

== Theme ==
	Name: DOMNUS Immobiliare Child for Hello Elementor
	Version: 0.1.1669636312
	Author: Diego vagnoli
	Child Theme: Yes
	Parent Theme Name: Hello Elementor
	Parent Theme Version: 2.9.0
	Parent Theme Author: Elementor Team

== User ==
	Role: administrator
	WP Profile lang: en-US
	User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36

== Active Plugins ==
	ACF: Better Search
		Version: 4.2.1
		Author: Mateusz Gbiorczyk

	ACF OpenStreetMap Field
		Version: 1.5.6
		Author: Jörn Lund

	Admin Columns Pro
		Version: 6.4.8
		Author: AdminColumns.com

	Advanced Custom Fields PRO
		Version: 6.2.9
		Author: WP Engine

	DynamicConditions
		Version: 1.6.2
		Author: RTO GmbH

	Easy Watermark
		Version: 1.0.11
		Author: BracketSpace

	Elementor
		Version: 3.21.4
		Author: Elementor.com

	Elementor Pro
		Version: 3.21.2
		Author: Elementor.com

	Enable Media Replace
		Version: 4.1.5
		Author: ShortPixel

	GDPR Cookie Consent
		Version: 2.3.7
		Author: WebToffee

	Gravity Forms
		Version: 2.8.9
		Author: Gravity Forms

	Gravity Forms Google Analytics Add-On
		Version: 2.2.0
		Author: Gravity Forms

	Imagify
		Version: 2.2.2
		Author: Imagify – Optimize Images & Convert WebP & Avif

	JetSmartFilters
		Version: 3.4.5
		Author: Crocoblock

	Loco Translate
		Version: 2.6.7
		Author: Tim Whitlock

	Mail logging - WP Mail Catcher
		Version: 2.1.7
		Author: James Ward

	Post Duplicator
		Version: 2.34
		Author: Metaphor Creations

	Rank Math SEO with AI Best SEO Tools
		Version: 1.0.218
		Author: Rank Math

	Redirection
		Version: 5.4.2
		Author: John Godley

	Simple History
		Version: 4.15.1
		Author: Pär Thernström

	Site Kit by Google
		Version: 1.125.0
		Author: Google

	SMTP Mailer
		Version: 1.1.9
		Author: naa986

	WP-UserOnline
		Version: 2.88.3
		Author: Lester 'GaMerZ' Chan

	WP Content Copy Protection & No Right Click
		Version: 3.5.8
		Author: wp-buy

	WP Fastest Cache
		Version: 1.2.5
		Author: Emre Vona

	WP Migrate Lite
		Version: 2.6.10
		Author: WP Engine

	WP reCaptcha Integration
		Version: 1.2.5
		Author: weDevs

	YITH Custom Login
		Version: 1.7.0
		Author: YITH <plugins@yithemes.com>


== Must-Use Plugins ==
	Local WP Live Link Helper
		Version: 2.0
		Author: Flywheel

	WP Migrate Lite Compatibility
		Version: 1.3
		Author: Delicious Brains


== Elements Usage ==
	
	archive : 1
		container : 6
		heading : 5
		jet-smart-filters-active : 1
		jet-smart-filters-apply-button : 1
		jet-smart-filters-checkboxes : 1
		jet-smart-filters-range : 2
		jet-smart-filters-remove-filters : 1
		jet-smart-filters-select : 3
		loop-grid : 1
		shortcode : 1
		text-editor : 1
		theme-archive-title : 2
	container : 3
		container : 3
		heading : 4
	footer : 1
		container : 6
		heading : 3
		image : 1
		nav-menu : 3
		text-editor : 2
	header : 1
		button : 1
		container : 4
		icon-box : 4
		nav-menu : 1
		theme-site-logo : 1
	popup : 2
		container : 4
		divider : 1
		icon : 1
		icon-box : 4
		nav-menu : 1
		shortcode : 1
		theme-site-logo : 1
	wp-page : 6
		button : 15
		container : 54
		google_maps : 1
		heading : 45
		icon : 5
		icon-box : 7
		icon-list : 2
		image : 5
		loop-carousel : 3
		shortcode : 4
		text-editor : 19
	single-post : 1
		container : 16
		gallery : 1
		heading : 12
		html : 1
		icon : 1
		image : 1
		image-carousel : 1
		post-info : 5
		share-buttons : 1
		shortcode : 8
		text-editor : 1
		theme-post-content : 1
		theme-post-featured-image : 1
		theme-post-title : 2
	loop-item : 2
		button : 1
		container : 5
		heading : 9
		icon-list : 1
		image-carousel : 1
		post-info : 2
		shortcode : 2
		theme-post-excerpt : 1
		theme-post-featured-image : 1
		theme-post-title : 2


== Settings ==
	
	cpt_support: post, page, annuncio
	allow_tracking: yes
	font_display: swap


== Features ==
	Custom Fonts: 0
	Custom Icons: 0

== Integrations ==
	
	google_maps: Active


== Elementor Experiments ==
	Improved Asset Loading: Active by default
	Improved CSS Loading: Active by default
	Inline Font Icons: Active
	Additional Custom Breakpoints: Active by default
	admin_menu_rearrangement: Inactive by default
	Flexbox Container: Active
	Upgrade Swiper Library: Active by default
	Grid Container: Active
	Nested Elements Performance: Inactive by default
	Optimized Control Loading: Inactive by default
	Default to New Theme Builder: Active by default
	Hello Theme Header &amp; Footer: Active by default
	Elementor Home Screen: Active by default
	Editor Top Bar: Active
	Build with AI: Active by default
	Landing Pages: Active by default
	Nested Elements: Active
	Lazy Load Background Images: Inactive by default
	Pages Panel: Inactive by default
	Display Conditions: Inactive by default
	Form Submissions: Active by default
	Menu: Inactive by default
	Taxonomy Filter: Inactive by default


== Log ==
	
Log: showing 20 of 332023-12-12 10:34:40 [info] elementor-pro::elementor_pro_updater Started 
2023-12-12 10:34:40 [info] Elementor Pro/Upgrades - _on_each_version Start  
2023-12-12 10:34:40 [info] Elementor Pro/Upgrades - _on_each_version Finished 
2023-12-12 10:34:40 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.16.2',
  'to' => '3.18.1',
)]
2023-12-12 10:34:40 [info] elementor::elementor_updater Started 
2023-12-12 10:34:40 [info] Elementor/Upgrades - _on_each_version Start  
2023-12-12 10:34:41 [info] Elementor/Upgrades - _on_each_version Finished 
2023-12-12 10:34:41 [info] Elementor/Upgrades - _v_3_17_0_site_settings_updates Start  
2023-12-12 10:34:41 [info] Elementor/Upgrades - _v_3_17_0_site_settings_updates Finished 
2023-12-12 10:34:41 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.16.5',
  'to' => '3.18.2',
)]
2024-05-04 13:26:41 [info] elementor::elementor_updater Started 
2024-05-04 13:26:41 [info] Elementor/Upgrades - _on_each_version Start  
2024-05-04 13:26:41 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor',
  'from' => '3.18.2',
  'to' => '3.21.4',
)]
2024-05-04 13:26:41 [info] Elementor/Upgrades - _on_each_version Finished 
2024-05-04 13:26:41 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.18.2',
  'to' => '3.21.4',
)]
2024-05-04 13:26:51 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.18.1',
  'to' => '3.21.2',
)]
2024-05-04 13:27:04 [info] elementor-pro::elementor_pro_updater Started 
2024-05-04 13:27:04 [info] Elementor Pro/Upgrades - _on_each_version Start  
2024-05-04 13:27:04 [info] Elementor Pro/Upgrades - _on_each_version Finished 
2024-05-04 13:27:04 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.18.1',
  'to' => '3.21.2',
)]

JS: showing 7 of 7JS: 2023-09-21 09:42:47 [error X 3][../wp-admin/load-scripts.php?c=1&amp;loadchunk_0=jquery-core,jquery-migrate,utils,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&amp;ver=6.3.1:2:28722] Cannot read properties of undefined (reading &#039;value&#039;) 
JS: 2023-09-21 13:31:36 [error X 1][../wp-content/plugins/elementor/assets/js/container.284c9bf9b36eadd05080.bundle.min.js:2:6544] rows is not defined 
JS: 2023-09-21 13:34:49 [error X 12][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.16.4:3:632551] Cannot read properties of undefined (reading &#039;model&#039;) 
JS: 2023-09-27 17:43:18 [error X 1][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.16.4:3:804182] Cannot read properties of undefined (reading &#039;toLowerCase&#039;) 
JS: 2023-09-27 17:50:50 [error X 1][../wp-content/plugins/elementor-pro/assets/js/editor.min.js?ver=3.16.2:2:64105] Cannot convert undefined or null to object 
JS: 2023-09-27 17:51:20 [error X 4][../wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.16.4:2:16853] Cannot read properties of undefined (reading &#039;data&#039;) 
JS: 2023-11-21 12:38:32 [error X 2][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.16.5:3:639892] Cannot read properties of undefined (reading &#039;isDesignable&#039;) 

PHP: showing 3 of 3PHP: 2023-09-21 14:21:55 [warning X 13][../wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php::150] Undefined array key &quot;condition_type&quot; [array (
  'trace' => '
#0: ../wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php(150): Elementor\Core\Logger\Manager -> rest_error_handler()
#1: ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates -> normalize_template_json_item()
#2: ../wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php(120): class type array_map()
#3: ../wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php(59): ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates -> normalize_templates_json()
#4: ../wp-content/plugins/elementor/data/base/endpoint.php(158): ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates -> get_items()
',
)]
PHP: 2023-09-27 16:40:22 [warning X 6][../wp-content/plugins/elementor-pro/modules/dynamic-tags/acf/tags/acf-gallery.php::36] Undefined array key 1 [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-09-28 10:56:26 [warning X 8][../wp-content/plugins/elementor-pro/modules/posts/skins/skin-content-base.php::265] Attempt to read property &quot;ID&quot; on null [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]



== Elementor - Compatibility Tag ==
	
	Elementor Pro: Compatibility not specified

== Elementor Pro - Compatibility Tag ==

Agreement

• I agree that my issue may be closed without action if it doesn't meet all the requirements.