[bug] Update to Elementor 2.1.7. breaks Posts widget
mizejewski opened this issue · 42 comments
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.
Description
- The original layout for my archive pages uses the Posts widget and card style.
- The dashboard indicates that there's an update for:
Elementor
You have version 2.1.6 installed. Update to 2.1.7.
After upgrading, instances of the Archive Posts widget in my Elementor archives template break. (see screenshot) Also instances of Post widget on my homepage.
- Using Elementor > Tools to roll back to version 2.1.6 results in my archive pages being broken in a different way. (see screenshot)
Steps to reproduce
I went back and started with a fresh copy of the site and the results after updating Elementor are the same.
Isolating the problem
- This bug happens with only Elementor plugin active (and Elementor Pro).
- This bug happens with a default WordPress theme active.
- I can reproduce this bug consistently using the steps above.
Environment
System Info
```== Server Environment ==
Operating System: Linux
Software: Flywheel/4.1.0
MySQL version: 5.6.32
PHP Version: 7.1.18-1+ubuntu16.04.1+deb.sury.org+1
PHP Max Input Vars: 4000
PHP Max Post Size: 300M
GD Installed: Yes
ZIP Installed: Yes
Write Permissions: All right
Elementor Library: Connected
== WordPress Environment ==
Version: 4.9.8
Site URL: https://staging.ucsflibrary.flywheelsites.com
Home URL: http://staging.ucsflibrary.flywheelsites.com
WP Multisite: No
Max Upload Size: 300 MB
Memory limit: 128M
Permalink Structure: /news/%postname%/
Language: en-US
Timezone: America/Los_Angeles
Debug Mode: Inactive
== Theme ==
Name: GeneratePress
Version: 2.1.3
Author: Tom Usborne
Child Theme: No
== User ==
Role: administrator
WP Profile lang: en_US
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36
== Active Plugins ==
Better Font Awesome
Version: 1.7.1
Author: Mickey Kay
Central Color Palette
Version: 1.12.5
Author: Gáravo
Code Snippets
Version: 2.11.0
Author: Shea Bunge
Compress JPEG & PNG images
Version: 3.0.1
Author: TinyPNG
Crazy Egg
Version: 2.1
Author: Crazy Egg
Duplicate Post
Version: 3.2.2
Author: Enrico Battocchi
Elementor
Version: 2.1.6
Author: Elementor.com
Elementor Extras
Version: 1.9.11
Author: Namogo
Elementor Pro
Version: 2.0.18
Author: Elementor.com
Email Address Encoder
Version: 1.0.7
Author: Till Krüss
Export All URLs
Version: 3.5
Author: Atlas Gondal
Forget About Shortcode Buttons
Version: 2.1.1
Author: Designs & Code
Google Analytics Dashboard for WP (GADWP)
Version: 5.3.5
Author: ExactMetrics
GP Premium
Version: 1.6.2
Author: Tom Usborne
Hooks Visualizer
Version: 0.2
Author: WebTechStreet
Jetpack by WordPress.com
Version: 6.4.2
Author: Automattic
LibCal Hours for WordPress
Version: 1.1.1
Author: Stefan Topfstedt
Loginizer
Version: 1.4.0
Author: Raj Kothari
Microthemer
Version: 5.2.3.4
Author: Themeover
MomentoPress for Momento360
Version: 1.0.1
Author: Chris Yee
Redirection
Version: 3.4
Author: John Godley
Relevanssi
Version: 4.0.11
Author: Mikko Saari
Simple CSS
Version: 1.1
Author: Tom Usborne
SVG Support
Version: 2.3.15
Author: Benbodhi
TablePress
Version: 1.9
Author: Tobias Bäthge
TablePress Extension: Column filters
Version: 1.0.0
Author: Stefan Topfstedt
TablePress Extension: Shortcode Attributes Plus
Version: 1.0.0
Author: Stefan Topfstedt
The SEO Framework
Version: 3.0.6
Author: Sybre Waaijer
User Role Editor
Version: 4.44
Author: Vladimir Garagulya
WP-Optimize
Version: 2.2.4
Author: David Anderson, Ruhani Rabin, Team Updraft
WPForms
Version: 1.4.7.2
Author: WPForms
WPForms MailChimp
Version: 1.2.0
Author: WPForms
WP User Avatar
Version: 2.1.5
Author: flippercode
== Must-Use Plugins ==
Local by Flywheel Relative URL (for Live Links)
Version: 1.0
Author: Flywheel
== Debug ==
Errors:
TypeError: jQuery(...).LibCalMySched is not a function
at https://staging.ucsflibrary.flywheelsites.com/wp-admin/load-scripts.php?c=1&load%5B%5D=underscore,jquery-core,jquery-migrate,backbone,shortcode,utils,wp-util,wp-backbone,media-models,moxiejs,plupload,wp-plupload,jqu&load%5B%5D=ery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-sortable&ver=4.9.8 line 8 > eval - 3:4
2018-08-11 02:32 +00:00
TypeError: this.search is undefined
at https://staging.ucsflibrary.flywheelsites.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=2.1.6 - 2:157916
2018-08-11 02:24 +00:00
TypeError: Cannot read property 'currentView' of undefined
at https://staging.ucsflibrary.flywheelsites.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=2.1.6 - 2:157928
2018-08-10 14:50 +00:00
x 2 times
TypeError: jQuery(...).LibCalMySched is not a function
at https://staging.ucsflibrary.flywheelsites.com/wp-admin/post.php?post=1874&action=elementor - 3:27
2018-08-10 14:49 +00:00
x 5 times
TypeError: jQuery(...).LibCalMySched is not a function
at https://staging.ucsflibrary.flywheelsites.com/wp-admin/post.php?post=1878&action=elementor - 3:27
2018-08-10 14:45 +00:00
TypeError: jQuery(...).LibCalMySched is not a function
at https://staging.ucsflibrary.flywheelsites.com/wp-admin/post.php?post=1874&action=elementor - 3:27
2018-08-10 02:00 +00:00
TypeError: Cannot read property 'currentView' of undefined
at https://staging.ucsflibrary.flywheelsites.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=2.1.6 - 2:157928
2018-08-08 23:02 +00:00
x 2 times
TypeError: jQuery(...).LibCalMySched is not a function
at https://staging.ucsflibrary.flywheelsites.com/wp-admin/post.php?post=1878&action=elementor - 3:27
2018-08-07 21:42 +00:00
ReferenceError: summonWidget is not defined
at https://staging.ucsflibrary.flywheelsites.com/wp-admin/post.php?post=632&action=elementor - 1:1
2018-08-06 18:08 +00:00
TypeError: this.search is undefined
at https://staging.ucsflibrary.flywheelsites.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=2.1.6 - 2:157916
2018-08-03 20:47 +00:00
</details>
I posted same experience under #5416 - 8+ hours ago, both emails have been deleted.
2.1.7 broke the site and I have the same outcome as described above now after recovering.
https://wordpress.org/support/topic/elementor-2-1-7-incompatibility/
Please do not delete this message Elementor
I have the same problem :(
Ariel Klikstein, I made the last update of the pro version, and everything was solved :)
Can you please share with us a link to the page with this issue?
I had the exact same thing happen to me this morning. All of my client sites had the thumbnail issue on the post module, and I had to manually go in and fix each one of them.
Is there a response from Elementor about this? I am now afraid to update the plugin in the future, as most of the sites that I manage utilize it.
@mizejewski
@messina614
@divstudioweb
Unfortunately, we can not reproduce this bug. Is your Elementor & Elementor Pro updated to the latest version?
If you have a link to the page with the problem please share with us, so we can check it out.
@arielk you can see the problem on our staging site http://staging.ucsflibrary.flywheelsites.com/news/
I have everything updated to the latest except Elementor Pro because it's compatibility is still unknown.
You have version 2.0.18 installed. Update to 2.1.3. View version 2.1.3 details.
Compatibility with WordPress 4.9.8: Unknown
@mizejewski It’s ok, just backup your site and update the pro version also and it will be fixed.
@arielk just updated Pro to the latest and that fixed some things, but breaks others. Note on http://staging.ucsflibrary.flywheelsites.com/news/ that all spacing around the content is gone now. Single post spacing is also affected with the featured image now covering up the menu.
Is this a native archive page or is it an archive that built with our Theme Builder?
@arielk the archive page is built using Elementor theme builder. Same for the single post template.
I have Elementor theme builder page, with Post widget set at 3 columns , each post shows up as needle columns. The gap between each post 400% the width of the thumbnail.
Elementor and Elementor pro both up to date.
I was prompted to update to 2.1.7 pro was already upto date.
Since yesterday the product cannot display a working post widget.
what is the fix please
thanks
What is the fix for the 2.1.7 release
the Post widget no longer works, all my versions are up to date, it broke when applying the 2.1.7 update yesterday
@mizejewski I'll check it out.
@footslogger
Please update to the latest version of Elementor Pro (v2.1.3) and this should work for you.
Same exact issues as mizejewski pointed and after updating to Pro 2.1.3 version, it did fixed post widget but now spacing messed up around many places.
Since yesterday, when updating Elementor, I saw that the homepage site (where post widgets are used both in the Progetti section and in Eventi section, is messy in Internet Explorer, they are displayed full width one under the other. Yes I know IE is old and everything, but here in Italy is still used, especially in public offices where they don't care too much to browsers and before yesterday I must say all was perfect. The worst is that I set correctly the Eventi section and the 3 posts were displayed nicely in all browsers, perfectly bottom aligned while now the last one has a gap near the author tag and it's higher than the other ones. No matter how columns i set, 2,3,4 but the last one is the one that has the gap. How to solve? Currently I use EFree 2.1.7 and EPro 2.1.3, all plugins and theme, and WP updated. Thank you
see my site
I'm seeing the same problem. I HAVE updated Elementor and Elementor Pro to their latest versions on both a local test instal and an online staging site. Both the frontend display and backend are still broken. I have cleared all caches and regenerated CSS but the issue remains.
NOTE: Changing the viewport width of the browser window affects whether the columns are squished or not. If the viewport is less than 1200 pixels wide, the columns appear normally. Above 1201 pixels or higher, the columns then appear squished. I can reproduce this in multiple browsers.
In addition, the view in Firefox is messed up in a different way. The Posts widget container is shifted to the right and is overflowing the main body container. See screenshot below.
I'm also seeing an issue where the Elementor 2.1.6 rollback version is not showing as available. Instead it is showing the old 2.0.16 Elementor version (which breaks when I rollback to it because it's too old). See screenshot below. Doing a manual rollback to 2.1.6 does NOT fix the issue for me either.
Example of issue is here. Be sure to change the viewport width as described to see the issue clearly.
Thanks everyone,
this should be fixed in next versions of Elementor and Elementor Pro.
I just updated to Elementor 2.1.8 and Elementor Pro 2.1.4 which both reference this bug report (#5442). The issue is STILL there for me with no change. It happens on any theme WHEN THE BROWSER VIEWPORT IS WIDER THAN 1200PX. I have cleared all caches, regenerated CSS and the issue still remains. The Firefox overflowing issue appears to be fixed but not the squished columns.
See this Facebook thread which shows that others still have the problem too after updating:
https://www.facebook.com/groups/Elementors/permalink/1634141510044962/
As previously stated in the original post, this issue also affects the Archive Posts widget too.
@midihead7 Can you share with us a link to this page?
I previously shared the link but here it is again:
https://new.homewardpublishingministries.com/free-medical-missionary-resources/articles/
For testing purposes, I also added the Archive Posts widget to this page so that you can see that it is affecting that widget also.
It looks like the code that comes from your theme make the problem.
Try inserting the following code in your custom CSS and let me know if it worked for you:
.elementor-grid .elementor-grid-item { padding: 0; margin: 0; }
@arielk I'm using the Astra theme. Adding your CSS code works to fix the issue so thank you. If this is an Astra problem, what code of theirs is specifically causing the issue so that I can report this to them?
Ian from Elementor Support has determined that the cause of the narrow columns is due to this Astra padding:
.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {
background-color: #fff;
border-bottom: 1px solid #eee;
margin: 0;
padding: 5.34em 6.67em;
I have reported this to Astra Support.
Elementor Pro 2.1.4 still didn't fix the spacing issue created by the previous update, as I had mentioned in my previous post.
@arielk I just updated my staging site to Elementor Version 2.1.8 and Elementor Pro Version 2.1.4, but the problem noted at #5442 (comment) is still there. I am not using Astra -- my theme is the latest version of GeneratePress.
@robvdbrand Please update Elementor Pro to the latest version and it will be resolved
@mizejewski In order for us to look into this matter, please contact support@elementor.com, with complete login information to access your website, and we will look into it.
@arielk I believe I have the latest Pro version, see screenshot:
Hi robvdbrand the latest Version of Elementor Pro is 2.1.4 not 2.014. your version is 6 month behind. ;)
@arielk I did open a ticket for this problem with support@elementor.com on Aug. 15, but unfortunately, our site is configured so you can only log in from our network. Anything else I can share that will help troubleshoot? I have current versions of everything, but the problem remains.
Hi robvdbrand sometimes you have to go to https://my.elementor.com/
there you can download the pro version. now it is version 2.1.5. and overright the old version via ftp.
@arielk Even though it was determined that Astra was the cause of my narrow columns issue, updating to Elementor Pro 2.1.5 corrected the issue for me today. The Astra padding that was affecting the column layout now appears to be overridden by Elementor:
Thanks Everyone for the feedback.
@mizejewski We can't replicate this with generatePress after the last version, so its got to be something in your setup, Please contact our support at support @elementor.com for guidance in resolving this issue and mention that you were directed by me and reference this issue.
thanks.
Same problem, please fix asap
Actually @bainternet I got an email reply from support explaining part of the problem:
Apparently, this is a result of some change we made in the last update.
Until now, when setting the section to full-width in a single post, didn't override the theme's layout.
Starting with the latest version, it does.
In order to resolve this, please change the section's Content Width to Box:
http://i.imgur.com/jV2BfYJ.png
I am using OceanWP and had to add the following to make it work. Similar to what was noted above but with the added "width: auto"
.elementor-grid .elementor-grid-item { padding: 0; margin: 0; }
I am using Astra theme 1.4.40 on different sites and with different versions of Elementor Pro. Last week I had the same experience. This worked for me when I had choosed the 3 cards layout of de post widget.
I added this to Custom CSS of the widget:
.elementor-grid-3 .elementor-grid-item {width: 100%;}
I am using Astra theme 1.4.40 on different sites and with different versions of Elementor Pro. Last week I had the same experience. This worked for me when I had choosed the 3 cards layout of de post widget.
I added this to Custom CSS of the widget:.elementor-grid-3 .elementor-grid-item {width: 100%;}
This worked perfectly for me. Thank you so much!