elementor / elementor/elementor
đ Portfolio Layout is broken after 3.10 update. Image overlays are exceeding the post height (Aspect ratio issue)
- 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
Assessment
This issue has not been assessed yet.