Appearance -» Customize not working after update 5.8

[va2m]

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!

[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?

[va2m]

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!

[va2m]

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.

[dlh]

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.

[va2m]

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!