Changeset 38648 for trunk/src/wp-admin/customize.php

Timestamp:

09/23/2016 10:22:09 PM (8 years ago)

Author:

westonruter

Message:

Customize: Re-architect and harden panel/section UI logic.

Removes contents for sections and panels from being logically nested (in the DOM) in order to eliminate many issues related to using margin-top hacks. The element containing the link to expand the content element for panels and sections is now a sibling element to its content element: the content is removed from being nested at initialization. The content element is now available in a contentContainer property whereas the head element (containing the link to open the construct) is in a headContainer property. The existing container property is now a jQuery collection that contains both of these elements. Since the head element is no longer in an ancestor element to the content element, the aria-owns property is now used to maintain the relationship between the headContainer and the contentContainer. These changes are also accompanied by an improvement to the animation performance for the sliding panes.

Props delawski, celloexpressions.
Fixes #34391.
Fixes #34344.
Fixes #35947.

File:

• trunk/src/wp-admin/customize.php (modified) (1 diff)

trunk/src/wp-admin/customize.php

@@ -143 +143 @@
 
             <div id="customize-theme-controls">
-                <ul><?php // Panels and sections are managed here via JavaScript ?></ul>
+                <ul class="customize-pane-parent"><?php // Panels and sections are managed here via JavaScript ?></ul>
             </div>
         </div>