Changeset 52003

Timestamp:

11/03/2021 03:04:55 PM (3 years ago)

Author:

hellofromTonya

Message:

Customize: Fix focus() to collapse child panels and show parent panel.

When a child panel is open, wp.customize.panel('parent_panel').focus() (e.g. 'parent_parent' might be 'nav_menus') collapses the child panel(s) to show the parent panel.

Follow-up to [30102], [31920], [38648].

Props celloexpressions, costdev, dlh, hareesh-pillai, hellofromTonya, westonruter, wpweaver.
Fixes #34436.

File:

• trunk/src/js/_enqueues/wp/customize/controls.js (modified) (1 diff)

trunk/src/js/_enqueues/wp/customize/controls.js

@@ -696 +696 @@
      */
     focus = function ( params ) {
-        var construct, completeCallback, focus, focusElement;
+        var construct, completeCallback, focus, focusElement, sections;
         construct = this;
         params = params || {};
         focus = function () {
+            // If a child section is currently expanded, collapse it.
+            if ( construct.extended( api.Panel ) ) {
+                sections = construct.sections();
+                if ( 1 < sections.length ) {
+                    sections.forEach( function ( section ) {
+                        if ( section.expanded() ) {
+                            section.collapse();
+                        }
+                    } );
+                }
+            }
+
             var focusContainer;
             if ( ( construct.extended( api.Panel ) || construct.extended( api.Section ) ) && construct.expanded && construct.expanded() ) {