Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

馃悶 Style Guide throws a JS error in the frontend: e.0 is not a function #24492

Open
5 tasks done
tamelander opened this issue Dec 5, 2023 · 22 comments
Open
5 tasks done
Labels
component/code Indicates when a topic is related to a component鈥檚 code. editor/site-settings References any component related to the Editor Site Settings. mod/e* site-settings/style-guide References the Style Guide feature in the Editor Site Settings. type/experiment Indicates when a topic is related to a Stable or Unstable Feature or Experiment.

Comments

@tamelander
Copy link

tamelander commented Dec 5, 2023

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

When Global Style Guide is enabled in Elementor > Settings > Features I get an error in dev console in a fresh created page with no content.

Uncaught TypeError: e.O is not a function
    at frontend.min.js?ver=3.18.0:2:40340
    at webpackJsonpCallback (styleguide-app-initiator.min.js?ver=3.18.0:3:12265)
    at webpackJsonpCallback (webpack.runtime.min.js?ver=3.18.0:2:4680)
    at frontend.min.js?ver=3.18.0:2:74

When I disable Global Style Guide the error goes away.

Steps to reproduce

Enable Global Style Guide
Create a new page.

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).
  • I can reproduce this bug consistently following the steps above.

System Info

Click to reveal
					
== Server Environment ==
	Operating System: Linux
	Software: LiteSpeed
	MySQL version: MariaDB Server v10.6.16
	PHP Version: 8.1.25
	PHP Memory Limit: 1024M
	PHP Max Input Vars: 10000
	PHP Max Post Size: 512M
	GD Installed: Yes
	ZIP Installed: Yes
	Write Permissions: All right
	Elementor Library: Connected

== WordPress Environment ==
	Version: 6.4.1
	Site URL: 
	Home URL: 
	WP Multisite: No
	Max Upload Size: 256 MB
	Memory limit: 1024M
	Max Memory limit: 1024M
	Permalink Structure: /%postname%/
	Language: en-US
	Timezone: 1
	Debug Mode: Inactive

== Theme ==
	Name: Astra Child
	Version: 1.0.0
	Author: 
	Child Theme: Yes
	Parent Theme Name: Astra
	Parent Theme Version: 4.4.0
	Parent Theme Author: Brainstorm Force

== User ==
	Role: administrator
	WP Profile lang: sv_SE
	User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36

== Active Plugins ==
	Asset CleanUp: Page Speed Booster
		Version: 1.3.9.3
		Author: Gabe Livan

	Astra Pro
		Version: 4.4.0
		Author: Brainstorm Force

	Burst Statistics - Privacy-Friendly Analytics for WordPress
		Version: 1.5.2
		Author: Really Simple Plugins

	CAOS
		Version: 4.7.12
		Author: Daan from Daan.dev

	Checkout Field Editor for WooCommerce
		Version: 2.0.0
		Author: ThemeHigh

	Classic Editor
		Version: 1.6.3
		Author: WordPress Contributors

	Classic Widgets
		Version: 0.3
		Author: WordPress Contributors

	Cookie Notice & Compliance for GDPR / CCPA
		Version: 2.4.11.1
		Author: Hu-manity.co

	Customizer Search
		Version: 1.1.6
		Author: Brainstorm Force

	Custom Product Tabs Lite for WooCommerce
		Version: 1.8.0
		Author: SkyVerge

	Custom Sidebars
		Version: 3.36
		Author: WebFactory Ltd

	Elementor
		Version: 3.18.0
		Author: Elementor.com

	Elementor Pro
		Version: 3.18.0
		Author: Elementor.com

	Extra Product Options & Add-Ons for WooCommerce
		Version: 6.3.2
		Author: ThemeComplete

	Feed Them Social - Page, Post, Video and Photo Galleries
		Version: 4.1.9
		Author: SlickRemix

	FiboSearch - AJAX Search for WooCommerce (Pro)
		Version: 1.26.1
		Author: FiboSearch Team

	Formidable Forms
		Version: 6.5.4
		Author: Strategy11 Form Builder Team

	Formidable Forms Pro
		Version: 6.5.4
		Author: Strategy11

	Hash Link Scroll Offset
		Version: 0.2.1
		Author: WebDevStudios

	HTML in Category Descriptions
		Version: 1.2.3
		Author: Arno Esterhuizen

	Kadence WooCommerce Email Designer
		Version: 1.5.12
		Author: Kadence WP

	LiteSpeed Cache
		Version: 5.7.0.1
		Author: LiteSpeed Technologies

	Loco Translate
		Version: 2.6.6
		Author: Tim Whitlock

	Max Mega Menu
		Version: 3.2.4
		Author: megamenu.com

	Max Mega Menu - Pro Addon
		Version: 2.3.1
		Author: megamenu.com

	OMGF
		Version: 5.7.6
		Author: Daan from Daan.dev

	OoohBoi Steroids for Elementor
		Version: 2.1.6
		Author: OoohBoi

	PDFjs Viewer - Embed PDFs
		Version: 2.1.8
		Author: <a href="http://byterevel.com/">Ben Lawson</a>, <a href="https://www.twistermc.com/">Thomas McMahon</a>

	Photonic Gallery & Lightbox for Flickr, SmugMug, Google Photos & Others
		Version: 3.02
		Author: Sayontan Sinha

	Post SMTP
		Version: 2.8.5
		Author: Post SMTP

	Product SKU Generator for WooCommerce
		Version: 2.5.0
		Author: SkyVerge

	Rank Math SEO
		Version: 1.0.206
		Author: Rank Math

	Really Simple SSL
		Version: 7.2.0
		Author: Really Simple Plugins

	Sequential Order Numbers for WooCommerce
		Version: 1.5.7
		Author: WebToffee

	Smash Balloon Instagram Feed
		Version: 6.2.6
		Author: Smash Balloon

	TablePress
		Version: 2.2.3
		Author: Tobias B盲thge

	Ultimate Addons for Elementor
		Version: 1.36.25
		Author: Brainstorm Force

	WooCommerce
		Version: 8.3.1
		Author: Automattic

	WooCommerce Expand Tabs
		Version: 1.26
		Author: SilkyPress

	Wordfence Security
		Version: 7.10.7
		Author: Wordfence

	WPS Hide Login
		Version: 1.9.9
		Author: WPServeur, NicolasKulka, wpformation


== Features ==
	Custom Fonts: 0
	Custom Icons: 0

== Integrations ==
	
	woocommerce: Active


== Elementor Experiments ==
	Optimized DOM Output: Active
	Improved Asset Loading: Active
	Improved CSS Loading: Active
	Inline Font Icons: Active
	Additional Custom Breakpoints: Inactive
	admin_menu_rearrangement: Inactive by default
	Flexbox Container: Active
	Upgrade Swiper Library: Active
	Grid Container: Active
	Default to New Theme Builder: Active
	Editor Top Bar: Active
	Optimized Gutenberg Loading: Active by default
	Build with AI: Active
	Landing Pages: Inactive
	Nested Elements: Active
	Lazy Load Background Images: Inactive
	Optimize Image Loading: Active
	Pages Panel: Inactive by default
	Global Style Guide: Active
	Page Transitions: Inactive
	Notes: Inactive
	Form Submissions: Inactive
	Scroll Snap: Inactive
	Menu: Inactive by default
	Taxonomy Filter: Active


== Log ==
	
PHP: showing 7 of 7PHP: 2023-11-27 10:33:38 [notice X 36][../wp-content/plugins/elementor/includes/elements/container.php::43] Creation of dynamic property Elementor\Includes\Elements\Container::$logical_dimensions_inline_end is deprecated [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-11-27 11:04:49 [notice X 6][../wp-content/plugins/elementor-pro/core/editor/editor.php::129] Using ${var} in strings is deprecated, use {$var} instead [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-11-27 11:09:51 [warning X 1][../wp-content/plugins/elementor/core/page-assets/data-managers/font-icon-svg/font-awesome.php::50] Trying to access array offset on value of type null [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-11-27 11:09:59 [notice X 17][../wp-content/plugins/elementor-pro/modules/custom-css/module.php::76] trim(): Passing null to parameter #1 ($string) of type string is deprecated [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-11-27 11:15:32 [notice X 25][../wp-content/plugins/elementor/includes/utils.php::727] strtolower(): Passing null to parameter #1 ($string) of type string is deprecated [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-11-27 11:38:23 [notice X 9][../wp-content/plugins/elementor-pro/modules/woocommerce/module.php::607] parse_str(): Passing null to parameter #1 ($string) of type string is deprecated [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-11-30 13:28:43 [warning X 2][../wp-content/plugins/elementor-pro/modules/video-playlist/widgets/video-playlist.php::1690] Trying to access array offset on value of type bool [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]

Log: showing 10 of 102023-12-05 03:02:22 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor',
  'from' => '3.17.3',
  'to' => '3.18.0',
)]
2023-12-05 03:02:23 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.17.1',
  'to' => '3.18.0',
)]
2023-12-05 03:02:23 [info] elementor::elementor_updater Started 
2023-12-05 03:02:23 [info] Elementor/Upgrades - _on_each_version Start  
2023-12-05 03:02:23 [info] elementor-pro::elementor_pro_updater Started 
2023-12-05 03:02:23 [info] Elementor Pro/Upgrades - _on_each_version Start  
2023-12-05 03:02:23 [info] Elementor Pro/Upgrades - _on_each_version Finished 
2023-12-05 03:02:23 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.17.1',
  'to' => '3.18.0',
)]
2023-12-05 03:02:27 [info] Elementor/Upgrades - _on_each_version Finished 
2023-12-05 03:02:27 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.17.3',
  'to' => '3.18.0',
)]



== Elementor - Compatibility Tag ==
	
	Elementor Pro: Compatibility not specified
	OoohBoi Steroids for Elementor: Compatibility not specified
	Ultimate Addons for Elementor: Compatibility not specified

== Elementor Pro - Compatibility Tag ==
@tamelander tamelander added the status/awaiting_triage Indicates when an Issue, Pull Request, or Discussion awaits to be triaged. label Dec 5, 2023
@mbaierl
Copy link

mbaierl commented Dec 13, 2023

Happens on every single page. Please fix together with #19345
Also happens on every page load in Firefox.

@nicholaszein nicholaszein changed the title Enabled Global Style Guide error frontend.min.js?ver=3.18.0:2 Uncaught TypeError: e.O is not a function 馃悶 Style Guide throws a JS error in the frontend whan a page is blank Jan 21, 2024
@nicholaszein nicholaszein added editor/site-settings References any component related to the Editor Site Settings. compatibility/assets Indicates a compatibility problem with scripts or CSS. type/experiment Indicates when a topic is related to a Stable or Unstable Feature or Experiment. site-settings/style-guide References the Style Guide feature in the Editor Site Settings. mod/e* and removed status/awaiting_triage Indicates when an Issue, Pull Request, or Discussion awaits to be triaged. labels Jan 21, 2024
@tamelander tamelander changed the title 馃悶 Style Guide throws a JS error in the frontend whan a page is blank 馃悶 Style Guide throws a JS error in the frontend when a page is blank Apr 6, 2024
@digitalwording
Copy link

Any Updates?

In new version can't even deactivate

@nicholaszein
Copy link
Member

@askwpgirl The title is correct based on what the script is doing. Please do not submit duplicates of the same issue.

@nicholaszein nicholaszein added component/code Indicates when a topic is related to a component鈥檚 code. and removed compatibility/assets Indicates a compatibility problem with scripts or CSS. labels May 21, 2024
@nicholaszein nicholaszein changed the title 馃悶 Style Guide throws a JS error in the frontend when a page is blank 馃悶 Style Guide throws a JS error in the frontend: e.0 is not a function May 21, 2024
@CodeConnectPtyLtd
Copy link

Is there any movement on this bug?

We cannot deliver client sites using Elementor that:

a) Look like page updates aren't saving

and

b) roll back the plugin and then deliver sites that aren't up to date.

This is making my move over to Breakdance Builder much more urgent!

@nicholaszein
Copy link
Member

nicholaszein commented May 23, 2024

@askwpgirl the issue is caused by the Style Guide component, whether you agree with it or not. The title of the issue follows an internal pattern created to be easily recognized not only by the public, but by our team of engineers as well. What decides if a title is right or wrong, is the component that the issue affects.

Despite showing an error in the console, this issue does not affect the functionality of Elementor on the front-end, neither in the backend.

When this issue was reported, the Style Guide was still an experimental feature that could be turned off. Now, the Style Guide was merged to Core not long ago, and this is why this error appears in the console.

I am well aware of what is the origin of the issue, how to reproduce it, and how it can possibly be solved.

We appreciate the effort to communicate and report issues. We will fix it as soon as other (more pressing) tasks are resolved.

Kind regards

@askwpgirl
Copy link

askwpgirl commented May 23, 2024

@nicholaszein - Thank you for explaining how this is a now part of core and that the Setting in the description does not exist any longer. My suggestion for updating the description to reflect latest Elementor was to clear up confusion for users like me reading this going forward. But I honestly don't know how this is best handled due to GitHub and dates submitted, so I defer to you.

Yes, it does not appear to be effecting the functionality and is not a pressing issue.

Please know I appreciate all of your work! I am only trying to help with people like me who got confused due to this being part of core now and no longer being in Settings. I deleted my other comment since your explanation cleared things up, and it makes sense now.

@CodeConnectPtyLtd
Copy link

CodeConnectPtyLtd commented May 23, 2024

@askwpgirl - The error does not affect the page actually saving but when closing the page it says that there are unsaved changes... I cannot present this stuff to my clients.

Perhaps we can stop arguing over the title semantics and ensure that the error is fixed.

@nicholaszein
Copy link
Member

Thank you @CodeConnectPtyLtd.

@ev88
Copy link

ev88 commented May 24, 2024

edit: The js error reported in the original post does not appear to be related to the Update button not working. Those are two different issues, with the update issue likely being related to Rank Math and not Elementor. See responses below.

I have been experiencing this issue on more and more websites over the past week. I don't even have a Global Style Guide option to enable/disable, so I'm not able to apply any kind of temporary fix. With clients asking to make their own edits, I'm not very happy handing over control if the editor isn't working as it should.

Uncaught TypeError: e.O is not a function
    at frontend.min.js?ver=3.21.7:2:39876
    at webpackJsonpCallback (styleguide-app-initiator.min.js?ver=3.21.7:3:13486)
    at webpackJsonpCallback (webpack.runtime.min.js?ver=3.21.7:2:4680)
    at frontend.min.js?ver=3.21.7:2:74

I'm getting the same issues as reported by others: The Update button is always active, and pressing it doesn't make it inactive. Leaving the page shows the 'are you sure you want..' pop-up, implying my changes didn't get saved (when they did).

I created a staging copy and disabled all plugins other than Elementor and Elementor Pro, and the issue went away. I enabled each plugin one at a time and discovered that enabling Rank Math brought the issue back. Disabling it, the issue went away again. However, while the button issue is resolved, the same error is thrown in the console.

I re-enabled Rank Math and disabled each feature before narrowing it down to Titles & Meta -> Pages, and disabling Add SEO Controls. For whatever reason, disabling this brought back normal 'Update' functionality when editing pages. However, the same error persists in the dev console, so I'm not sure what's that all about.

In any case, if anyone happens to be experiencing this issue and also have Rank Math installed, try going to Titles & Meta -> Pages, and disabling Add SEO Controls. This has fixed the issue on two of my websites so far.

@askwpgirl
Copy link

askwpgirl commented May 24, 2024

@ev88 - Please read Nicholas' comment above about how there is no setting for this now that it is in core.

Also, to be clear, this error is minor and does NOT affect ANY functionality.

If you are experiencing functional issues then in all likelihood it is not related to this.

@nicholaszein
Copy link
Member

nicholaszein commented May 24, 2024

@askwpgirl, and @ev88.

The issue reported with the update button has absolutely nothing to do with this issue. It's a known bug caused by Rank Math, which I believe is set to release a fix in the next week.


@ev88, the problem you're reporting is caused by the Rank Math plugin, and has nothing to do with this issue. Please reach out to Rank Math support.


@askwpgirl,

The triaging process, titles, and labeling of issues, and other processes performed by Elementor staff on GitHub are not open for discussion. I even updated the title to include the line of error that appears in the console to help you, but this doesn't give you permission to dictate how an issue should be handled. Please, respect our process.

@ev88
Copy link

ev88 commented May 24, 2024

@askwpgirl True, I guess CodeConnectPtyLtd's comment made me think the two issues were related (a Google search led me here). So the original js error shown in the console does not appear to have been related to the Update button not working, and not really relevant to this issue. But yes, the js error itself should be looked into regardless.

edit: @nicholaszein Bleh, you were too quick for me. :)

@nicholaszein
Copy link
Member

@askwpgirl.

The issue will remain they way it is, unless we need to change something. This matter is closed.

We appreciate the feedback.

@askwpgirl
Copy link

@ev88 - correct. It is not an urgent issue and not causing problems. I also inadvertently found the error trying to troubleshoot another issue. Lots of people having issues related to different problems might stumble upon this error and assume it is the source of their problems. So far, I am not seeing it causing any real functionality issues as it happens on every Elementor site.

@nicholaszein - thank you! No problem.

@ColbyDevOps
Copy link

@askwpgirl.

The issue will remain they way it is, unless we need to change something. This matter is closed.

We appreciate the feedback.

So its just going to stay broken?
By the way, it does break editor functionality. Image controls fail for one thing, not that it matters since "the matter is closed"

@ColbyDevOps
Copy link

@askwpgirl the issue is caused by the Style Guide component, whether you agree with it or not. The title of the issue follows an internal pattern created to be easily recognized not only by the public, but by our team of engineers as well. What decides if a title is right or wrong, is the component that the issue affects.

Despite showing an error in the console, this issue does not affect the functionality of Elementor on the front-end, neither in the backend.

When this issue was reported, the Style Guide was still an experimental feature that could be turned off. Now, the Style Guide was merged to Core not long ago, and this is why this error appears in the console.

I am well aware of what is the origin of the issue, how to reproduce it, and how it can possibly be solved.

We appreciate the effort to communicate and report issues. We will fix it as soon as other (more pressing) tasks are resolved.

Kind regards

@nicholaszein
Are you confirming that the style guide feature was pushed into core, knowing that this issue persists and that we don't have a way to disable it?

@nicholaszein
Copy link
Member

nicholaszein commented May 30, 2024

@ColbyDevOps yes, because it doesn't affect anything in terms of functionality or stability. It's just a console error that only appears in edge cases.

Having a way to disable it, was never in the plans for this feature.

@CodeConnectPtyLtd
Copy link

CodeConnectPtyLtd commented May 30, 2024

@ColbyDevOps yes, because it doesn't affect anything in terms of functionality or stability. It's just a console error that only appears in edge cases.

Having a way to disable it, was never in the plans for this feature.

I've created a short screen recording to demonstrate that the issue is actually affecting the user interface and therefore usability. Please take 1.5 minutes to view the screen recording below:

https://streamable.com/859waf

@CodeConnectPtyLtd
Copy link

There is a RankMath beta release that actually fixes the UI issue that prevents closing the window.

https://support.rankmath.com/ticket/conflict-with-elementor-10/

https://rankmath.com/kb/version-control/#beta-updates

@nicholaszein
Copy link
Member

I've created a short screen recording to demonstrate that the issue is actually affecting the user interface and therefore usability. Please take 1.5 minutes to view the screen recording below:

https://streamable.com/859waf

@CodeConnectPtyLtd, the Update button issue is caused by a bug in the Rank Math plugin, and has absolutely nothing to do with this one, as stated multiple times here, here, here, and here. And, as you already saw for yourself here.

@nicholaszein
Copy link
Member

nicholaszein commented May 31, 2024

So its just going to stay broken?
By the way, it does break editor functionality. Image controls fail for one thing, not that it matters since "the matter is closed"

@ColbyDevOps nobody said it was going to stay broken. The "matter" in this case was the unnecessary discussion about the title and description of this issue. The issue is not closed. It will be closed when we address it. But it isn't a priority right now. We are going to handle it most likely in the next quarter.

I can also edit images just fine, so it doesn't affect image controls at all. If you are having trouble with those, it's something else entirely, and likely a conflict caused by another plugin.

@crascher
Copy link

crascher commented Jun 9, 2024

This is a really annoying error, especially if you want to do some error catching for the whole site to be informed if something is going wrong in JavaScript. Why it is not fixed after reporting over 6 month ago...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component/code Indicates when a topic is related to a component鈥檚 code. editor/site-settings References any component related to the Editor Site Settings. mod/e* site-settings/style-guide References the Style Guide feature in the Editor Site Settings. type/experiment Indicates when a topic is related to a Stable or Unstable Feature or Experiment.
Projects
None yet
Development

No branches or pull requests

9 participants