Some links on the left controls of theme customise non responsive

[paullb]

Several of the theme customise tables on the left side controls are not responsive and cannot be opened. Meaning that the many of the attributes of the theme (e.g. custom CSS) cannot be edited.

Some menu items work and others do not. This situation has persisted for over a week now.

Clicking on them does nothing and nothing appears in the developer console.

No changes were made to plugins of browser or WordPress when these menu items suddenly became non functional.

Tried

• Disabling plugins
• Incognito window
• Chrome and Brave

[desrosj]

Hi @paullb,

Thanks for this ticket, and welcome to Trac!

Could you share a bit more about your site. Are you running WordPress 6.7? Did this start after your site updated (​6.7 was released on November 12th)? What theme are you using? Are there any browser console errors? Please share as many details as you can to help someone else reproduce the problem.

[paullb]

Thanks for taking the time to look at this.

Yup. WordPress 6.7 (sorry for forgetting to write that the first time)

I see some console issues (attached) on first load, but clicking on the non-responsive element does not generate additional console errors.

Did this start after your site updated (6.7 was released on November 12th)?

This timeline feels about right, but I can't remember the specific date of the last time I tried to customise the theme, so it could have been before that.

Hope that's helpful, anything else I can add?

[paullb]

With console

[desrosj]

If you're comfortable and able to, could you try giving 6.7.1 RC1 a try? It's due out on the 21st, and there were a few Customizer related bug fixes. It would be good to know if they happen to resolve your problem.

Keep in mind, though, this is a development version and testing it out in a staging server is recommended. Full details here: ​https://make.wordpress.org/core/2024/11/20/wordpress-6-7-1-rc1-is-now-available/.

[paullb]

Thanks for that. I'll just wait for it to come out officially as there isn't a particularly urgent need to do anything immediately. I'll comment again here once 6.7.1 is installed and I can test!

[sabernhardt]

This issue is separate from the CSS edits in #62313.

[59224] added button elements to activate each panel, but Hueman and some ​other themes have their own markup for the panel headings. Hueman authors are working to fix compatibility (see ​support topic).

Should the Customize script have an extra condition to activate when clicking the heading if it has a tabindex and/or lacks the .accordion-trigger button?

[paullb]

Looks like it might already be known but tested in 6.7.1 and problem persists.

[sabernhardt]

#62552 was marked as a duplicate.

[jorbin]

Replying to sabernhardt:

This issue is separate from the CSS edits in #62313.

[59224] added button elements to activate each panel, but Hueman and some ​other themes have their own markup for the panel headings. Hueman authors are working to fix compatibility (see ​support topic).

Should the Customize script have an extra condition to activate when clicking the heading if it has a tabindex and/or lacks the .accordion-trigger button?

This provides a potential path forward and a large list of themes to test with, I think it could use a patch.

[joedolson]

Trigger accordions on section headers with tabindex, so custom code that matched the previous pattern still triggers.

[joedolson]

I've tested this patch with Hueman version 3.7.25 (prior to their fixing this in their own code), but additional testing with other custom implementations would be useful.

Testing instructions:

1) Install a theme that implements custom interactive section headers in the customizer.
2) Verify that these do not work in 6.7.1 pre-patch.
3) Verify that they do work post-patch.

[jorbin]

I needed to refresh the patch to apply it to trunk, but tested and it seems to work for me on Hueman version 3.7.24. I also tested with 3.7.25 and twentynineteen and confirmed that it is the customizer controls are correctly there as well.

Trac ticket: https://core.trac.wordpress.org/ticket/62494

[joedolson]

In 59555:

Customizer: Allow custom accordion items with obsolete structure.

In [59224], customizer accordion item HTML structure was changed to include a button element as the interactive control. However, some themes inject custom markup for panel headings.

Fix controls.js to handle both the new markup and the old markup, which is relatively common in themes.

Props paullb, desrosj, sabernhardt, joedolson, jorbin.
Fixes #62494.

[joedolson]

Reopening for backport to 6.7.2.

Fixed in r59555