Images not showing on mobile with entrance animation applied

[qwik3r]

#12196 Prerequisites

• [ ] I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
• [ ] The issue still exists against the latest stable version of Elementor.

When adding an image in Elementor, if it has an entrance animation the image disappears on mobile. If you remove the animation it still does NOT show on mobile. You have to completely replace the image. Tried this on several different images, new sections, etc and I am able to reproduce it.

This is happening on my mobile Safari. The image shows in the actual mobile view or in Chrome with developer mode in mobile.

I'm still getting the editor.min.js error so maybe that's related to it.

Steps to reproduce

Put an image into Elementor (3.06 / Pro 3.03), add an entrance animation, check on mobile Safari. I'm using IOS 13.6.1 on iPhone 8.

Isolating the problem

• [x] This bug happens with only Elementor plugin active (and Elementor Pro).
• [x] This bug happens with a default WordPress theme active.
• [x] I can reproduce this bug consistently using the steps above.

Environment

System Info

```

== Server Environment == Operating System: Linux Software: Apache MySQL version: Percona Server (GPL), Release '32', Revision '56bce88' v5.7.29-32 PHP Version: 7.4.6 PHP Max Input Vars: 10000 PHP Max Post Size: 100M GD Installed: Yes ZIP Installed: Yes Write Permissions: All right Elementor Library: Connected

== WordPress Environment == Version: 5.5.1 Site URL: https:// Home URL: https:// WP Multisite: No Max Upload Size: 50 MB Memory limit: 512M Permalink Structure: /%postname%/ Language: en-US Timezone: America/New_York Debug Mode: Inactive

== Theme == Name: Astra Version: 2.5.4 Author: Brainstorm Force Child Theme: No

== User == Role: administrator WP Profile lang: en_US User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.135 Safari/537.36

== Active Plugins == AeroCheckout: Custom WooCommerce Checkout Pages Version: 2.0.9 Author: WooFunnels

Code Snippets
	Version: 2.14.0
	Author: Code Snippets Pro

Collapse-O-Matic
	Version: 1.7.13
	Author: twinpictures, baden03

Colorlib Login Customizer
	Version: 1.2.96
	Author: Colorlib

Design Upgrade Pro for LearnDash
	Version: 2.11.1
	Author: Escape Creative

Elementor
	Version: 3.0.6
	Author: Elementor.com

Elementor Pro
	Version: 3.0.3
	Author: Elementor.com

Gravity Forms
	Version: 2.4.20.3
	Author: Gravity Forms

If Menu - Visibility control for menu items
	Version: 0.16.1
	Author: Layered

Kadence WooCommerce Email Designer
	Version: 1.4.3
	Author: Kadence WP

LearnDash LMS
	Version: 3.2.2
	Author: LearnDash

LearnDash LMS - Elementor
	Version: 1.0.1
	Author: LearnDash

LearnDash LMS - Notifications
	Version: 1.4.1
	Author: LearnDash

LearnDash LMS - WooCommerce Integration
	Version: 1.8.0
	Author: LearnDash

LearnDash ProPanel
	Version: 2.1.3.1
	Author: LearnDash

Login Logout Menu
	Version: 1.1.0
	Author: WPBrigade

OrderBumps: WooCommerce Checkout Offers
	Version: 1.8.1
	Author: WooFunnels

Peter's Login Redirect
	Version: 2.9.7
	Author: Peter Keung

Rank Math SEO
	Version: 1.0.47.1
	Author: Rank Math

Redirection
	Version: 4.8
	Author: John Godley

Style Kits for Elementor
	Version: 1.7.1
	Author: AnalogWP

Temporary Login Without Password
	Version: 1.6.4
	Author: StoreApps

WooCommerce
	Version: 4.4.1
	Author: Automattic

WooCommerce Amazon S3 Storage
	Version: 2.1.19
	Author: WooCommerce

WooCommerce Stripe Gateway
	Version: 4.5.2
	Author: WooCommerce

WooCommerce USPS Shipping
	Version: 4.4.45
	Author: WooCommerce

Woo Custom Emails Per Product
	Version: 2.2.5
	Author: Alex Mustin

Woo Discount Rules
	Version: 2.2.1
	Author: Flycart Technologies LLP

Woo Discount Rules PRO 2.0
	Version: 2.1.2
	Author: Flycart Technologies LLP

WP FeedBack PRO
	Version: 1.6.0
	Author: WP FeedBack

WP Mail SMTP
	Version: 2.3.1
	Author: WPForms

WPS Hide Login
	Version: 1.5.6
	Author: WPServeur, NicolasKulka, tabrisrp

WP Video Popup PRO
	Version: 2.8.4
	Author: David Vongries

== Must-Use Plugins == Force Strong Passwords - WPE Edition Version: 1.6.4 Author: Jason Cosper

LearnDash LMS Multisite
	Version: 1.0.0
	Author: LearnDash

WP Engine Seamless Login Plugin
	Version: 1.5.5
	Author: WP Engine

WP Engine Security Auditor
	Version: 1.0.9
	Author: wpengine

WP Engine System
	Version: 4.0.0
	Author: WP Engine

== Elements Usage ==

footer : 1
	icon-list : 1
	nav-menu : 1
	text-editor : 1
header : 1
	image : 1
	nav-menu : 1
page : 7
	accordion : 5
	button : 27
	countdown : 3
	divider : 18
	gallery : 6
	ha-infobox : 3
	heading : 139
	icon : 8
	icon-list : 20
	image : 77
	shortcode : 8
	spacer : 16
	star-rating : 3
	text-editor : 61
	wfacp_form : 3
	wfacp_form_summary : 3
popup : 1
	video : 1
section : 14
	blockquote : 3
	button : 1
	divider : 3
	heading : 18
	icon : 5
	icon-list : 6
	image : 9
	image-box : 1
	ld-course-certificate : 1
	ld-course-content : 1
	ld-course-infobar : 1
	shortcode : 3
	spacer : 2
	star-rating : 2
	testimonial : 1
	text-editor : 13
	theme-post-title : 1
	wfacp_form : 2
	wfacp_form_summary : 2
wp-post : 0
	accordion : 1
	button : 4
	countdown : 1
	divider : 5
	gallery : 1
	heading : 31
	icon-list : 7
	image : 17
	shortcode : 1
	spacer : 3
	text-editor : 20
wp-page : 7
	button : 1
	form : 1
	heading : 3
	shortcode : 3
	text-editor : 8
sfwd-topic : 1
	ld-course-content : 1
	ld-course-infobar : 1
	theme-post-content : 1
	theme-post-title : 1
sfwd-quiz : 1
	ld-course-infobar : 1
	theme-post-content : 1
	theme-post-title : 1
sfwd-lessons : 1
	ld-course-content : 1
	ld-course-infobar : 1
	theme-post-content : 1
	theme-post-title : 1
sfwd-courses : 1
	heading : 4
	image : 1
	ld-course-certificate : 1
	ld-course-content : 1
	ld-course-infobar : 1
	text-editor : 4
	theme-post-title : 1

== Log ==

PHP: showing 6 of 6PHP: 2020-08-25 15:56:24 [notice X 1][../wp-content/plugins/elementor-pro/modules/woocommerce/widgets/add-to-cart.php::142] Undefined index: post_id [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2020-08-27 10:32:09 [warning X 1][../wp-content/plugins/elementor/core/files/assets/svg/svg-handler.php::594] SimpleXMLElement::__construct(): ^ [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2020-08-28 20:24:47 [warning X 29][../wp-content/plugins/elementor/core/app/app.php::53] Invalid argument supplied for foreach() [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2020-08-29 11:42:52 [notice X 7][../wp-content/plugins/elementor/includes/managers/image.php::115] Trying to get property 'post_title' of non-object [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2020-08-29 16:40:34 [notice X 19][../wp-content/plugins/elementor/core/common/modules/ajax/module.php::171] Undefined index: data [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2020-08-30 11:29:30 [notice X 16][../wp-content/plugins/elementor-pro/modules/query-control/module.php::382] Undefined index: display [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )]

JS: showing 18 of 18JS: 2020-08-25 22:32:56 [error X 2][../wp-content/plugins/elementor/assets/lib/e-select2/js/e-select2.full.min.js?ver=4.0.6-rc.1:1:74235] Cannot read property 'destroy' of undefined JS: 2020-08-25 22:55:57 [error X 97][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.0.1:2:469692] Cannot read property 'document' of undefined JS: 2020-08-28 22:24:28 [error X 1][../wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5:22:19954] View (cid: "view110363") has already been destroyed and cannot be used. JS: 2020-08-28 22:24:28 [error X 1][../wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5:22:19954] View (cid: "view109095") has already been destroyed and cannot be used. JS: 2020-08-28 22:24:28 [error X 1][../wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5:22:19954] View (cid: "view114028") has already been destroyed and cannot be used. JS: 2020-08-28 22:24:29 [error X 1][../wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5:22:19954] View (cid: "view93702") has already been destroyed and cannot be used. JS: 2020-08-28 22:24:29 [error X 1][../wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5:22:19954] View (cid: "view94278") has already been destroyed and cannot be used. JS: 2020-08-28 22:24:29 [error X 1][../wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5:22:19954] View (cid: "view94270") has already been destroyed and cannot be used. JS: 2020-08-28 22:24:46 [error X 1][../wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5:22:19954] View (cid: "view114880") has already been destroyed and cannot be used. JS: 2020-08-28 22:24:46 [error X 1][../wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5:22:19954] View (cid: "view114904") has already been destroyed and cannot be used. JS: 2020-08-29 20:49:33 [error X 1][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.0.1:2:462251] Cannot read property 'html' of undefined JS: 2020-08-30 16:09:05 [error X 1][../wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5:22:19954] View (cid: "view11937") has already been destroyed and cannot be used. JS: 2020-08-30 16:09:09 [error X 1][../wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5:22:19954] View (cid: "view12759") has already been destroyed and cannot be used. JS: 2020-08-30 16:28:31 [error X 2][../wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.0.1:2:60271] Cannot read property 'attributes' of undefined JS: 2020-09-02 22:09:56 [error X 1][../wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5:22:19954] View (cid: "view1126") has already been destroyed and cannot be used. JS: 2020-09-02 22:34:54 [error X 1][../wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5:22:19954] View (cid: "view11742") has already been destroyed and cannot be used. JS: 2020-09-08 21:54:53 [error X 1][../wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5:22:19954] View (cid: "view6187") has already been destroyed and cannot be used. JS: 2020-09-08 23:44:10 [error X 10][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.0.6:2:479171] Cannot read property 'toLowerCase' of null

Log: showing 18 of 182020-08-25 22:45:40 [info] elementor::elementor_updater Started 2020-08-25 22:45:40 [info] Elementor/Upgrades - _v_3_0_0_move_general_settings_to_kit Start
2020-08-25 22:45:40 [info] Elementor/Upgrades - _v_3_0_0_move_general_settings_to_kit Finished 2020-08-25 22:45:40 [info] Elementor/Upgrades - _v_3_0_0_move_default_colors_to_kit Start
2020-08-25 22:45:40 [info] Elementor/Upgrades - _v_3_0_0_move_default_colors_to_kit Finished 2020-08-25 22:45:40 [info] Elementor/Upgrades - _v_3_0_0_move_saved_colors_to_kit Start
2020-08-25 22:45:40 [info] Elementor/Upgrades - _v_3_0_0_move_saved_colors_to_kit Finished 2020-08-25 22:45:40 [info] Elementor/Upgrades - _v_3_0_0_move_default_typography_to_kit Start
2020-08-25 22:45:40 [info] Elementor/Upgrades - _v_3_0_0_move_default_typography_to_kit Finished 2020-08-25 22:45:40 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor', 'from' => '2.9.14', 'to' => '3.0.1', )] 2020-08-25 22:45:41 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor', 'from' => '2.9.14', 'to' => '3.0.1', )] 2020-08-25 22:45:50 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor Pro', 'from' => '2.10.3', 'to' => '3.0.0', )] 2020-09-06 12:56:42 [info] elementor::elementor_updater Started 2020-09-06 12:56:42 [info] Elementor/Upgrades - _v_3_0_5_re_move_space_between_widgets_to_kit Start
2020-09-06 12:56:42 [info] Elementor/Upgrades - _v_3_0_5_re_move_space_between_widgets_to_kit Finished 2020-09-06 12:56:42 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor', 'from' => '3.0.1', 'to' => '3.0.6', )] 2020-09-06 12:56:42 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor', 'from' => '3.0.1', 'to' => '3.0.6', )] 2020-09-06 12:57:11 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.0.0', 'to' => '3.0.3', )]

</details>

[ItsMattNorman]

I am having the same issue with all elements not showing on IOS Safari if they have animation. Do you get to the bottom of it?

[AntoineC42]

Same problem.