[wp-trac] [WordPress Trac] #24032: An issue with the theme customize function and jQuery tabs

[WordPress Trac]

#24032: An issue with the theme customize function and jQuery tabs
---------------------------------+----------------------------
 Reporter:  splashingpixels.com  |       Type:  defect (bug)
   Status:  new                  |   Priority:  normal
Milestone:  Awaiting Review      |  Component:  Administration
  Version:  3.5.1                |   Severity:  normal
 Keywords:                       |
---------------------------------+----------------------------
 WP 3.5.1 ( same happens in the 3.6 beta-1 )
 No plugins installed ( vanilla WP )
 TwentyTwelve Theme ( happens with TwentyThirteen as well )

 So when you have or using jQuery Tabs in a page and you go to the theme
 customize page, the customizer panel will become sluggish and not very
 responsive when you hover your mouse over the accordion panel and if you
 look at the preview, the content is jumbled and also very sluggish.  It
 seems something is executing in a loop over and over again making it
 sluggish but I did not see anything in the error console for some reason.
 Perhaps this is because it is on an iFrame.

 Please note that the page in the frontend loads just fine with the jQuery
 Tabs and works normally.  It is only when you use the backend theme
 customize page is where this issue starts.

 I have tried this in both 3.5.1 and 3.6 beta-1 and same results.

 Here are the steps to reproduce this.

 In functions.php load up:

 {{{
 wp_enqueue_script( 'jquery-ui-core' );
 wp_enqueue_script( 'jquery-ui-tabs' );
 }}}

 In the homepage (any page) put in:

 {{{
 <div class="test">
 <ul>
 <li><a href="#abc">abc</a></li>
 <li><a href="#xyz">xyz</a></li>
 </ul>
 <div id="abc">
         some content here
 </div>
 <div id="xyz">
         some other content
 </div>
 </div>
 }}}

 In theme js, put in:

 {{{
 $('.test').tabs();
 }}}

 Then go to your homepage in the frontend to confirm the tabs are working
 and normal.  Now go to the backend theme customize and you will see the
 issue I am trying to describe.

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/24032>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software