elementor / elementor/elementor

🐞 Portfolio Layout is broken after 3.10 update. Image overlays are exceeding the post height (Aspect ratio issue)

Open
#21,232 8 comments 0 reactions 0 assignees View on GitHub
compatibility/assets mod* mod/b* mod/e* product/pro type/layout type/styles widget/image widget/pro/portfolio*
Dominant language
PHP
Stars
7.1k
Forks
1.6k
Avg merge
1d 5h
Merged PRs (30d)
193

Description

### Prerequisites

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

### Description

In a Portfolio widget, the featured image is smaller than it was in previous releases.

### Steps to reproduce

1) have a page with a portfolio in ver 3.10.3 Image looks like good
2) Upgrade to version Beta
3) Image in portfolio are resized smaller than they should leaving extra spaces in between posts images.

### Isolating the problem

- [ ] This bug happens with only Elementor plugin active (and Elementor Pro).
- [ ] This bug happens with a Blank WordPress theme active ([Hello theme](https://wordpress.org/themes/hello-elementor/)).
- [X] I can reproduce this bug consistently following the steps above.

### System Info

System Info

````txt


== Server Environment ==
Operating System: Linux
Software: Apache
MySQL version: MySQL Community Server (GPL) v5.7.38
PHP Version: 7.4.33
PHP Memory Limit: 268435456
PHP Max Input Vars: 1000
PHP Max Post Size: 67108864
GD Installed: Yes
ZIP Installed: Yes
Write Permissions: All right
Elementor Library: Connected

== WordPress Environment ==
Version: 6.1.1
Site URL: http://s516795936.onlinehome.fr
Home URL: http://s516795936.onlinehome.fr
WP Multisite: No
Max Upload Size: 64 Mo
Memory limit: 300M
Max Memory limit: 256M
Permalink Structure: /%postname%
Language: fr-FR
Timezone: 2
Admin Email: gerard.perret@gpits.fr
Debug Mode: Inactive

== Theme ==
Name: OceanWP Les GlotteTrotters Child Theme
Version: 1.0
Author: OceanWP
Child Theme: Yes
Parent Theme Name: OceanWP
Parent Theme Version: 3.4.1
Parent Theme Author: OceanWP

== User ==
Role: administrator
WP Profile lang: fr_FR
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/110.0

== Active Plugins ==
Add From Server
Version: 3.4.5
Author: Dion Hulse

Admin Columns
Version: 4.5.5
Author: AdminColumns.com

Admin Menu Editor
Version: 1.10.4
Author: Janis Elsts

Admin Post Navigation
Version: 2.1
Author: Scott Reilly

Advanced Custom Fields
Version: 6.0.7
Author: WP Engine

Akismet Anti-Spam
Version: 5.0.2
Author: Automattic

Banner Management For WooCommerce
Version: 2.4.0
Author: theDotstore

CF7 Smart Grid Design Extension
Version: 4.15.3
Author: Aurovrata V.

Classic Editor
Version: 1.6.2
Author: WordPress Contributors

Contact Form 7
Version: 5.7.3
Author: Takayuki Miyoshi

Customizer Export/Import
Version: 0.9.5
Author: The Beaver Builder Team

Custom Post Type UI
Version: 1.13.4
Author: WebDevStudios

Easy Forms for Mailchimp
Version: 6.8.6
Author: YIKES, Inc.

Ele Custom Skin
Version: 3.1.7
Author: Dudaster.com

Elementor
Version: 3.10.2
Author: Elementor.com

Elementor Pro
Version: 3.10.3
Author: Elementor.com

Essential Addons for Elementor
Version: 5.5.3
Author: WPDeveloper

Essential Addons for Elementor - Pro
Version: 5.4.4
Author: WPDeveloper

Health Check & Troubleshooting
Version: 1.5.1
Author: The WordPress.org community

Mailchimp for WooCommerce
Version: 2.7.6
Author: Mailchimp

Media Library Categories
Version: 2.0.0
Author: Jeffrey-WP

Ocean Elementor Widgets
Version: 2.3.2
Author: OceanWP

Ocean Extra
Version: 2.1.2
Author: OceanWP

Ocean Sticky Header
Version: 2.0.5
Author: OceanWP

Photo Gallery
Version: 1.8.11
Author: Photo Gallery Team

Post Types Order
Version: 1.9.9.2
Author: Nsp Code

Post Type Switcher
Version: 3.2.1
Author: Triple J Software, Inc.

Rank Math SEO
Version: 1.0.107.3
Author: Rank Math

reCaptcha by BestWebSoft
Version: 1.70
Author: BestWebSoft

ReCaptcha v2 for Contact Form 7
Version: 1.4.3
Author: IQComputing

WooCommerce
Version: 7.3.0
Author: Automattic

WooCommerce Shipping & Tax
Version: 2.2.2
Author: WooCommerce

Wordfence Assistant
Version: 1.0.9
Author: Wordfence

Wordfence Security
Version: 7.8.2
Author: Wordfence

WP Memory Limit
Version: 0.1.0
Author: WPDeveloper

WP Menu Cart
Version: 2.13.1
Author: WP Overnight

WP Rocket
Version: 3.12.5.3
Author: WP Media

== Must-Use Plugins ==
1&1 Product Subdomain
Version: 1.1.0
Author: 1&1

Health Check Troubleshooting Mode
Version: 1.8.1
Author:

== Utilisation des éléments ==

archive : 1
divider : 2
heading : 1
image : 2
media-carousel : 2
posts : 2
text-editor : 4
theme-archive-title : 1
container : 3
container : 30
divider : 3
heading : 2
image : 1
spacer : 1
text-editor : 9
theme-post-title : 1
video : 2
custom_grid : 3
text-editor : 3
theme-post-featured-image : 1
theme-post-title : 1
header : 1
icon-list : 1
image : 1
nav-menu : 1
loop : 4
container : 6
heading : 1
text-editor : 3
theme-post-content : 1
theme-post-excerpt : 1
theme-post-featured-image : 3
theme-post-title : 3
page : 7
divider : 1
eael-image-hotspots : 1
facebook-button : 1
heading : 3
icon-list : 2
image : 8
post-navigation : 2
posts : 1
spacer : 15
text-editor : 14
video : 3
wp-widget-media_audio : 1
product : 2
post-navigation : 2
woocommerce-menu-cart : 2
woocommerce-product-add-to-cart : 2
woocommerce-product-data-tabs : 2
woocommerce-product-images : 2
woocommerce-product-meta : 2
woocommerce-product-price : 2
woocommerce-product-related : 2
woocommerce-product-short-description : 2
woocommerce-product-title : 2
woocommerce-product-upsell : 2
section : 20
button : 1
divider : 7
eael-image-hotspots : 4
facebook-button : 1
google_maps : 1
heading : 10
icon : 1
image : 30
media-carousel : 1
post-navigation : 2
posts : 4
shortcode : 1
spacer : 12
table-of-contents : 1
text-editor : 47
theme-post-featured-image : 1
theme-post-title : 1
video : 6
wc-archive-products : 1
woocommerce-menu-cart : 1
wp-widget-media_audio : 2
single : 1
container : 26
divider : 2
facebook-button : 1
heading : 2
image : 8
loop-grid : 1
post-navigation : 4
posts : 1
shortcode : 1
spacer : 7
text-editor : 18
theme-post-content : 2
theme-post-featured-image : 3
video : 6
widget : 0
image : 1
nav-menu : 1
text-editor : 1
wp-post : 2
divider : 3
eael-image-hotspots : 10
heading : 11
icon : 4
image : 26
post-navigation : 1
spacer : 1
text-editor : 30
video : 5
wp-widget-media_audio : 2
wp-page : 37
accordion : 1
button : 1
bwg-elementor : 2
container : 88
divider : 25
eael-adv-tabs : 1
eael-advanced-menu : 2
eael-contact-form-7 : 1
eael-facebook-feed : 2
eael-flip-carousel : 1
eael-image-hotspots : 2
eael-lightbox : 1
eael-post-block : 2
eael-post-grid : 1
eael-post-list : 3
eael-woo-collections : 3
eicon-woocommerce : 1
facebook-button : 1
facebook-page : 2
form : 1
google_maps : 2
heading : 53
icon-list : 2
image : 70
loop-carousel : 1
loop-grid : 9
media-carousel : 2
nav-menu : 3
nested-tabs : 2
oew-scroll-up : 1
portfolio : 4
post-navigation : 2
posts : 10
shortcode : 10
social-icons : 1
spacer : 53
table-of-contents : 2
text-editor : 175
video : 6
wc-categories : 1
woocommerce-breadcrumb : 1
woocommerce-products : 2
wp-widget-media_audio : 1
wp-widget-woocommerce_widget_cart : 1
product-archive : 2
spacer : 2
text-editor : 2
wc-archive-products : 2
woocommerce-archive-description : 2
woocommerce-menu-cart : 2
loop-item : 4
container : 5
text-editor : 4
theme-post-featured-image : 2
theme-post-title : 2
video : 1

== Réglages ==

cpt_support: post, page, cf7sg_page, product, team_member, ventes, valise, video, lecons
disable_color_schemes: yes
disable_typography_schemes: yes
allow_tracking: yes
unfiltered_files_upload: 1

== Fonctionnalités ==
Custom Fonts: 0
Custom Icons: 0

== Intégrations ==

woocommerce: Actif

== ExpĂ©riences d’Elementor ==
Sortie DOM optimisée: Actif
Amélioration du chargement des ressources: Inactif
Optimisation du chargement du CSS: Inactif
IcĂŽnes de police « inline Â»: Actif
AmĂ©liorations de l’accessibilitĂ©: Actif
Points d’arrĂȘt personnalisĂ©s supplĂ©mentaires: Actif
Masquer les widgets natifs de WordPress des résultats de recherche: Actif
admin_menu_rearrangement: Inactif par défaut
Conteneur Flexbox: Actif
Par défaut vers le Nouveau constructeur de thÚme: Actif
Page d’atterrissage: Actif
ÉlĂ©ments imbriquĂ©s: Actif
Lazy Load Background Images: Actif
Définir comme valeur par défaut: Actif par défaut
Transitions des pages: Inactif
Notes: Actif
Boucle: Actif
Loop Carousel: Inactif par défaut
Envois de formulaire: Actif par défaut
Accroche de défilement: Actif par défaut

== Journal ==

Log: showing 20 of 312023-01-10 11:25:02 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor Pro',
'from' => '3.10.0-beta3',
'to' => '3.10.1',
)]
2023-01-20 11:25:39 [info] elementor::elementor_updater Started
2023-01-20 11:25:39 [info] Elementor/Upgrades - _on_each_version Start
2023-01-20 11:25:41 [info] Elementor/Upgrades - _on_each_version Finished
2023-01-20 11:25:41 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.10.0',
'to' => '3.10.1',
)]
2023-01-20 11:26:40 [info] elementor-pro::elementor_pro_updater Started
2023-01-20 11:26:40 [info] Elementor Pro/Upgrades - _on_each_version Start
2023-01-20 11:26:40 [info] Elementor Pro/Upgrades - _on_each_version Finished
2023-01-20 11:26:40 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor Pro',
'from' => '3.10.1',
'to' => '3.10.2',
)]
2023-01-24 18:33:57 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor',
'from' => '3.10.1',
'to' => '3.11.0-beta1',
)]
2023-01-24 18:33:58 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor Pro',
'from' => '3.10.2',
'to' => '3.11.0-beta1',
)]
2023-01-24 18:33:58 [info] elementor::elementor_updater Started
2023-01-24 18:33:58 [info] elementor-pro::elementor_pro_updater Started
2023-01-24 18:33:58 [info] Elementor Pro/Upgrades - _on_each_version Start
2023-01-24 18:33:58 [info] Elementor Pro/Upgrades - _on_each_version Finished
2023-01-24 18:33:58 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor Pro',
'from' => '3.10.2',
'to' => '3.11.0-beta1',
)]
2023-01-24 18:33:59 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor Pro',
'from' => '3.10.2',
'to' => '3.11.0-beta1',
)]
2023-01-24 18:34:02 [info] Elementor/Upgrades - _on_each_version Finished
2023-01-24 18:34:02 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.10.1',
'to' => '3.11.0-beta1',
)]
2023-01-24 18:34:03 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor',
'from' => '3.10.1',
'to' => '3.11.0-beta1',
)]

JS: showing 6 of 6JS: 2022-12-31 09:57:09 [error X 5][http://s516795936.onlinehome.fr/wp-admin/load-scripts.php?c=1&loadchunk_0=underscore,jquery-core,jquery-migrate,backbone,jquery-ui-core,jquery-ui-mouse,wp-api-request,regenerator-runtime,wp-polyfill,wp-&loadchunk_1=hooks&ver=6.1.1:4:51816] can't access property "replace", a is undefined
JS: 2023-01-01 15:03:34 [error X 1][http://s516795936.onlinehome.fr/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.10.0-beta3:3:781477] can't access property "toLowerCase", T.originalEvent.key is undefined
JS: 2023-01-09 14:21:33 [error X 4][http://s516795936.onlinehome.fr/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.10.0-beta3:3:1075045] can't access property "getBoundingClientRect", $ is null
JS: 2023-01-09 16:10:28 [error X 1][http://s516795936.onlinehome.fr/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.10.0-beta3:3:781978] can't access property "localized", this.store.find(...) is undefined
JS: 2023-01-10 10:21:11 [error X 1][http://s516795936.onlinehome.fr/wp-content/plugins/elementor/assets/lib/font-awesome/js/v4-shims.min.js?ver=5.5.2:1:1] redeclaration of let l
JS: 2023-01-26 19:49:18 [error X 77][http://s516795936.onlinehome.fr/wp-content/plugins/elementor-pro/assets/js/preloaded-elements-handlers.min.js?ver=3.11.0-beta1:2:101548] IntersectionObserver.observe: Argument 1 is not an object.

PHP: showing 5 of 5PHP: 2023-02-01 22:04:20 [warning X 9][/homepages/20/d516795946/htdocs/clickandbuilds/LesGlotteTrotters/wp-content/plugins/elementor-pro/modules/dynamic-tags/acf/tags/acf-image.php::40] Undefined array key 1 [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-02-02 12:30:51 [notice X 19][/homepages/20/d516795946/htdocs/clickandbuilds/LesGlotteTrotters/wp-content/plugins/elementor-pro/core/database/model-base.php::135] Return type of ElementorPro\Core\Database\Model_Base::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice [array (
'trace' => '
#0: /homepages/20/d516795946/htdocs/clickandbuilds/LesGlotteTrotters/wp-content/plugins/elementor-pro/core/database/model-base.php(10): Elementor\Core\Logger\Manager -> rest_error_handler()
#1: /homepages/20/d516795946/htdocs/clickandbuilds/LesGlotteTrotters/wp-content/plugins/elementor-pro/plugin.php(159): class type include()array (
0 => '/homepages/20/d516795946/htdocs/clickandbuilds/LesGlotteTrotters/wp-content/plugins/elementor-pro/core/database/model-base.php',
)
#2: /homepages/20/d516795946/htdocs/clickandbuilds/LesGlotteTrotters/wp-content/plugins/elementor-pro/modules/notes/database/models/note.php(18): ElementorPro\Plugin -> autoload()
#3: /homepages/20/d516795946/htdocs/clickandbuilds/LesGlotteTrotters/wp-content/plugins/elementor-pro/plugin.php(159): class type include()array (
0 => '/homepages/20/d516795946/htdocs/clickandbuilds/LesGlotteTrotters/wp-content/plugins/elementor-pro/modules/notes/database/models/note.php',
)
#4: /homepages/20/d516795946/htdocs/clickandbuilds/LesGlotteTrotters/wp-content/plugins/elementor-pro/modules/notes/data/controller.php(243): ElementorPro\Plugin -> autoload()
',
)]
PHP: 2023-02-02 12:35:10 [notice X 5][/homepages/20/d516795946/htdocs/clickandbuilds/LesGlotteTrotters/wp-content/plugins/elementor-pro/modules/dynamic-tags/acf/tags/acf-image.php::40] Undefined offset: 1 [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-02-02 12:39:01 [notice X 4][/homepages/20/d516795946/htdocs/clickandbuilds/LesGlotteTrotters/wp-content/plugins/elementor-pro/core/utils/collection.php::75] Return type of ElementorPro\Core\Utils\Collection::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-02-02 12:55:37 [notice X 25][/homepages/20/d516795946/htdocs/clickandbuilds/LesGlotteTrotters/wp-content/plugins/elementor-pro/modules/loop-builder/module.php::191] strpos(): Passing null to parameter #1 ($haystack) of type string is deprecated [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]

== Elementor - Compatibility Tag ==

Ele Custom Skin: Non compatible
Elementor Pro: Compatible
Essential Addons for Elementor: Compatible
Essential Addons for Elementor - Pro: Compatible
Ocean Elementor Widgets: Compatible

== Elementor Pro - Compatibility Tag ==

Ele Custom Skin: Non compatible
Essential Addons for Elementor: Compatible
Essential Addons for Elementor - Pro: Compatible
Ocean Elementor Widgets: Compatible

````

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.