[wp-trac] [WordPress Trac] #23370: Update to jQuery UI 1.10.*

WordPress Trac noreply at wordpress.org
Wed Apr 24 18:49:46 UTC 2013


#23370: Update to jQuery UI 1.10.*
--------------------------------+-----------------------
 Reporter:  ocean90             |       Owner:  nacin
     Type:  enhancement         |      Status:  reopened
 Priority:  normal              |   Milestone:  3.6
Component:  External Libraries  |     Version:
 Severity:  normal              |  Resolution:
 Keywords:  has-patch commit    |
--------------------------------+-----------------------

Comment (by adamsilverstein):

 i checked into the issue you reported on the dialog not loading correctly.
 your code indeed shows the dialog behind the overlay, oops! i figured out
 you need do do something slightly different, nothing is wrong with the
 CSS!

 not sure if this is documented anywhere, but it looks like you need to add
 the wp-dialog class to your dialogs to get them to show up properly in the
 admin interface, try this update of your example to see what happens, you
 should see the modal:

 var msg = '<div>hello this is a test</div>';
 jQuery(msg).dialog({ draggable: false, resizable: false, modal: true,
 dialogClass: 'wp-dialog' });



 Replying to [comment:17 programmin]:
 > This is causing a z-index conflict in /wp-includes/css/jquery-ui-
 dialog.css:
 > {{{
 > .ui-widget-overlay {
 >  z-index: 300001;
 > }}}
 > is over
 > {{{
 > .ui-front {
 >  z-index: 100;
 > }}}
 > A new dialog has its shadow in front of it, you can't click 'close'. For
 example, try this on a wp-admin page:
 > {{{
 > var msg = '<div>hello</div>';
 > jQuery(msg).dialog({ draggable: false, resizable: false, modal: true });
 > }}}
 > The close button and the form are behind the overlay.

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/23370#comment:18>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software


More information about the wp-trac mailing list