🐞 Posts Widget Excerpt breaks layout in mobile screens if set to hidden

mcrowell commented 1 year ago

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

When using the posts widget and you disable excerpts it breaks the layout of the page. When you scale down the size of the browser you can see the footer will display over the posts feed.

Steps to reproduce

Below is a link a video I created showing exactly the bug: https://www.youtube.com/watch?v=1o3WILPQLlk

Isolating the problem

[X] This bug happens with only Elementor plugin active (and Elementor Pro).
[X] This bug happens with a Blank WordPress theme active (Hello theme).
[X] I can reproduce this bug consistently following the steps above.

System Info

Click to reveal

````txt == Server Environment == Operating System: Linux Software: LiteSpeed MySQL version: MySQL Community Server (GPL) v5.7.43 PHP Version: 8.1.23 PHP Memory Limit: 256M PHP Max Input Vars: 5000 PHP Max Post Size: 300M GD Installed: Yes ZIP Installed: Yes Write Permissions: All right Elementor Library: Connected == WordPress Environment == Version: 6.3.1 Site URL: https://wickydemo.com/elementor Home URL: https://wickydemo.com/elementor WP Multisite: No Max Upload Size: 300 MB Memory limit: 40M Max Memory limit: 768M Permalink Structure: /%postname%/ Language: en-US Timezone: America/New_York Debug Mode: Inactive == Theme == Name: Hello Elementor Version: 2.8.1 Author: Elementor Team Child Theme: No == User == Role: administrator WP Profile lang: en_US User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36 == Active Plugins == Advanced Custom Fields Version: 6.2.1 Author: WP Engine Code Snippets Version: 3.5.0 Author: Code Snippets Pro Elementor Version: 3.16.3 Author: Elementor.com Elementor Pro Version: 3.16.1 Author: Elementor.com HappyFiles Pro Version: 1.8.3 Author: Codeer SVG Support Version: 2.5.5 Author: Benbodhi Wordfence Security Version: 7.10.3 Author: Wordfence == Features == Custom Fonts: 0 Custom Icons: 0 == Integrations == == Elementor Experiments == Optimized DOM Output: Active by default Improved Asset Loading: Active by default Improved CSS Loading: Active by default Inline Font Icons: Inactive by default Additional Custom Breakpoints: Active by default admin_menu_rearrangement: Inactive by default Flexbox Container: Active Upgrade Swiper Library: Inactive by default Grid Container: Inactive by default Default to New Theme Builder: Active by default Hello Theme Header & Footer: Inactive Editor Top Bar: Inactive by default Landing Pages: Inactive Nested Elements: Active Lazy Load Background Images: Inactive by default Global Style Guide: Inactive by default Page Transitions: Inactive Notes: Inactive Form Submissions: Active by default Scroll Snap: Inactive Menu: Inactive by default Taxonomy Filter: Inactive by default ````

mcrowell commented 1 year ago

I found a quick CSS fix for this until this bug can be fixed.

.elementor-post__excerpt p {opacity: 0;height:0;}

nicholaszein commented 1 year ago

Hello @mcrowell!

Thank you for submitting your issue, and for the detailed explanation! 🙏

Please allow us some time to investigate it, and get back to you with our findings. 🧐

Best regards

mcrowell commented 1 year ago

@nicholaszein Any update on when this bug will be fixed?

montagal commented 6 months ago

Setting the container to 'no wrap' will fix this issue.

onkel-ho commented 5 months ago

When will this be fixed?

elementor / elementor