elementor / elementor/elementor

Images not showing on mobile with entrance animation applied

Open
#12,456 2 comments 0 reactions 0 assignees View on GitHub
bug mod/b*
Dominant language
PHP
Stars
7.1k
Forks
1.6k
Avg merge
1d 5h
Merged PRs (30d)
193

Description

#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',
)]

```

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.