Make WordPress Core

Opened 18 months ago

Last modified 17 months ago

#57521 new defect (bug)

Appearance -» Customize not working after update 5.8

Reported by: va2m's profile va2m Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Customize Keywords: reporter-feedback
Focuses: Cc:

Description

The appearance -» customize is not working after wordpress update to version 5.8 and above.

The only thing that appears in the info is "your are customising" but the menu and submenus doesn’t appear or load. I tried to uninstalled all plugins, used the default themes (Twenty Twenty 2.1 and Twenty Twenty-One 1.7) but it still doesn’t work.

I tried on versions 5.8, 5.9, 6.0 and 6.1. Only in version 5.7 it working normally!

In the server is installed PHP version 7.4.

Thanks for the help!

Change History (5)

#1 follow-up: @dlh
18 months ago

  • Keywords reporter-feedback added
  • Severity changed from major to normal

Hi @va2m, and welcome to WordPress Trac!

Can you provide any error messages that appear in the browser JavaScript console or in the PHP logs when you try to open the Customizer?

#2 @va2m
17 months ago

Hi @dlh,
below is the console log errors that appears in the browser developer tools on WordPress 6.1:

[Error] TypeError: o.addEventListener is not a function. (In 'o.addEventListener("change",function(e){r=e.matches})', 'o.addEventListener' is undefined)
    (anonymous function) (load-scripts.php:6:132)
    Global Code (load-scripts.php:6:111570)
[Error] TypeError: undefined is not an object (evaluating 'c.Panel.extend')
    (anonymous function) (customize-nav-menus.min.js:2:10946)
    Global Code (customize-nav-menus.min.js:2:45539)
[Error] TypeError: The superclass is not an object.
    Le (customize-widgets.min.js:7:33584)
    Ue (customize-widgets.min.js:7:37742)
    (anonymous function) (customize.php:1680)

and, below is the console log errors that appears in the browser developer tools on WordPress 5.7:

[Error] Failed to load resource: the server responded with a status of 404()(default -image.jpg, line 0)
[Error] Error while parsing the 'sandbox' attribute: 'allow-orientation-lock', 'allow-presentation' are invalid sandbox flags.
    attr(load - scripts.php: 2: 65772)
$(load - scripts.php: 2: 32476)
run(load - scripts.php: 6: 70603)
initialize(load - scripts.php: 6: 69849)
    (anonymous function)(load - scripts.php: 4: 573)
    (anonymous function)(load - scripts.php: 4: 186)
    (anonymous function)(load - scripts.php: 4: 186)
refresh(load - scripts.php: 6: 75158)
    (anonymous function)(load - scripts.php: 6: 72466)
f(underscore.min.js: 2: 8438)

Thanks for the help!

#3 in reply to: ↑ 1 @va2m
17 months ago

Replying to dlh:

Hi @va2m, and welcome to WordPress Trac!

Can you provide any error messages that appear in the browser JavaScript console or in the PHP logs when you try to open the Customizer?

Hi @dlh, I replied in the other comment above.

Last edited 17 months ago by va2m (previous) (diff)

#4 @dlh
17 months ago

Thanks @va2m!

Unfortunately, I'm unable to replicate an issue like this on either the Twenty Twenty or Twenty Twenty-One themes.

The errors from the console that you provided are helpful, but they're hard to fully understand because they reference the minified scripts.

Do you have a test environment available where you can replicate the problem and add define( 'SCRIPT_DEBUG', true ); to wp-config.php? That should provide an exact location where the error occurs.

#5 @va2m
17 months ago

Hi @dlh,

I have installed two different WordPress versions in the same test environment, one with 5.8.6 and the other with the version 6.1.1 .
The WordPress 5.8.6 now does not appear to have the problem anymore.
But I think I managed to replicate the problem in the WordPress 6.1.1 .

A add the define( 'SCRIPT_DEBUG', true ); to both wp-config.php.

The theme used on both is Twenty Twenty-One version 1.7.

Below is the console log errors that appears in the browser developer tools on WordPress 6.1:

[Log] JQMIGRATE: Migrate is installed with logging active, version 3.3.2 (jquery-migrate.js, line 69)
[Error] TypeError: reducedMotionMediaQuery.addEventListener is not a function. (In 'reducedMotionMediaQuery.addEventListener( 'change' , function handleReducedMotionChange( event ) {
		isReducedMotion = event.matches;
	})', 'reducedMotionMediaQuery.addEventListener' is undefined)
	(anonymous function) (customize-controls.js:11)
	Global Code (customize-controls.js:9353)
[Error] TypeError: undefined is not an object (evaluating 'wp.customize.Control.extend')
	Global Code (palette-colorpicker.js:11:83)
[Error] TypeError: undefined is not an object (evaluating 'api.Control.extend')
	(anonymous function) (customize-widgets.js:478)
	Global Code (customize-widgets.js:2372)
[Error] TypeError: undefined is not an object (evaluating 'api.Panel.extend')
	(anonymous function) (customize-nav-menus.js:769)
	Global Code (customize-nav-menus.js:3429)
[Error] TypeError: The superclass is not an object.
	getSidebarControl (customize-widgets.js:2953)
	initialize (customize-widgets.js:3170)
	(anonymous function) (customize.php:2114)
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (index.module.js.map, line 0)

If you need anything else, please let me know.

Thanks for the help!

Last edited 17 months ago by va2m (previous) (diff)
Note: See TracTickets for help on using tickets.