WordPress.org

Make WordPress Core


Ignore:
Timestamp:
09/23/16 22:22:09 (15 months 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:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/customize.php

    r37914 r38648  
    143143 
    144144            <div id="customize-theme-controls"> 
    145                 <ul><?php // Panels and sections are managed here via JavaScript ?></ul> 
     145                <ul class="customize-pane-parent"><?php // Panels and sections are managed here via JavaScript ?></ul> 
    146146            </div> 
    147147        </div> 
Note: See TracChangeset for help on using the changeset viewer.