[wp-trac] [WordPress Trac] #34494: Customizer: wp.customize.section().focus() broken in 4.4 Beta 2

[WordPress Trac]

#34494: Customizer: wp.customize.section().focus() broken in 4.4 Beta 2
--------------------------+------------------------------
 Reporter:  wpweaver      |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  Awaiting Review
Component:  Customize     |     Version:  trunk
 Severity:  normal        |  Resolution:
 Keywords:                |     Focuses:
--------------------------+------------------------------

Comment (by wpweaver):

 After more tweaking, I see the two tickets might indeed be related. And it
 also might be related to a bad width calculation on the section panel.

 As of 4.4 Beta 2 - 35436, I am once again getting the section option menus
 to display from
 wp.customizer.section().focus(). But we added some hacks to force the
 width calculation:


 {{{
         jQuery('.accordion-section.current-panel').css('width','300px');
 // hack for Customizer's bad width calculation
         wp.customize.section(optionPanel).focus();

         jQuery('#wx-jumpmenu').css('display','none');
         jQuery('.accordion-section').css('width','');   // hack for
 Customizer's bad width calculation
 }}}

 After opening a section with .accordion-section.current-panel, the width
 is set to 100%, which should be 300px, but the calculated width in the DOM
 says 282px. The above hack fixes that. But this whole bad width on focus
 might be related.

 So currently in the mentioned 4.4 beta, I can get the section panels to
 display, but now there is a blank space above the top item with the < back
 arrow and "Customizing > section name", under the top Save bar. At least
 some of the time.

 Whatever the real problem, I am not getting identical behavior on 4.3.1
 and 4.4 Beta 2.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/34494#comment:3>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform