You may want to remember the previous discussion where it was determined that this was due to the resize event, not outerHeight (outerHeight getting called a lot was just a by-product): http://groups.google.com/group/jquery-ui-dev/browse_frm/thread/cb4d18692c85a215/bdb1e6455386be80?lnk=gst&q=resize#bdb1e6455386be80
--John On Fri, Feb 6, 2009 at 9:46 AM, Richard D. Worth <rdwo...@gmail.com> wrote: > Thanks for all your efforts tracking this down. You might try bringing this > down to a minimal test case (if possible) with just jQuery core's > outerHeight() method, since that's where you've found the problem to be. If > you're able to, it should be entered in the jQuery bug tracker. Thanks. > > - Richard > > On Fri, Feb 6, 2009 at 8:16 AM, Bryan <bceve...@gmail.com> wrote: >> >> Some additional information on this one. I decided to do a little >> more digging in the debugger and discovered that the infinite loop >> begins when a call is made to: >> >> this.uiDialog.outerHeight() >> >> on line 7459 of jquery.ui.all.js (rc6) >> >> Does anyone have any ideas about this? It could be a real problem >> when IE8 ships. >> >> Thanks in advance, >> Bryan >> >> On Feb 5, 3:15 pm, Bryan <bceve...@gmail.com> wrote: >> > Hello, >> > >> > First, thanks to everyone who has worked on this project. It is an >> > incredible resource and I'm extremely appreciative of all of the hard >> > work. >> > >> > That said... <grin> >> > >> > I have been working with modal dialogs just fine using jQuery 1.3.1 >> > and rc6 of jQuery UI. I'm pretty early stage in a UI redesign for our >> > application so I'm testing the heck out of things on multiple browsers >> > (IE6, IE7, IE8 beta2, FF 2, FF 3, Chrome, Opera 9.6, Safari) on >> > multiple platforms (Windows, Mac, Linux) and everything was just fine. >> > >> > I upgraded to release candidate 1 of IE 8 yesterday and have been >> > stuck in modal dialog hell. >> > >> > Basically, if I have no doctype, everything works fine. If I have an >> > XHTML 1.1 doctype: >> > >> > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/ >> > TR/xhtml11/DTD/xhtml11.dtd"> >> > >> > I immediately go into an infinite loop in IE looping through code in >> > jQuery 1.3.1. Specifically I seem to be hanging up trying to >> > calculate the browser page's X and Y (line 2622 of jquery-1.3.1.js): >> > >> > // Calculate pageX/Y if missing and clientX/Y available >> > if ( event.pageX == null && event.clientX != null ) { >> > var doc = document.documentElement, body = >> > document.body; >> > event.pageX = event.clientX + (doc && >> > doc.scrollLeft || body && >> > body.scrollLeft || 0) - (doc.clientLeft || 0); >> > event.pageY = event.clientY + (doc && >> > doc.scrollTop || body && >> > body.scrollTop || 0) - (doc.clientTop || 0); >> > } >> > >> > If I take the doctype off, everything works just fine. For fun, here >> > is my test.html file: >> > >> > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/ >> > TR/xhtml11/DTD/xhtml11.dtd"> >> > <html> >> > <head> >> > <link rel="stylesheet" type="text/css" href="/include/ui.all.css"></ >> > link> >> > </head> >> > <BODY> >> > <script type="text/javascript" src="/include/jquery-1.3.1.js"></ >> > script> >> > <script type="text/javascript" src="/include/jquery.ui.all.js"></ >> > script> >> > <script> >> > $(document).ready(function() { >> > // Initialize the dialog >> > $("#dialog").dialog({ >> > autoOpen: false, >> > bgiframe: true, >> > width: 400, >> > height: 400, >> > modal: true, >> > buttons: { >> > Cancel: function() { >> > $(this).dialog('close'); >> > }, >> > 'Save': function() { >> > saveForm(); >> > $(this).dialog('close'); >> > } >> > } >> > }); >> > >> > // Process the add button >> > $('#add').click(function() { >> > $("#dialog").css("visibility", "visible"); >> > $("#dialog").dialog("open"); >> > return false; >> > }); >> > }); >> > </script> >> > Press the button<p /> >> > <input id="add" type="button" Value="Go" /> >> > >> > <div id="dialog" style="visibility:hidden"> >> > <label for="field1">Field 1:</label><input type="text" >> > id="field1" /><p /> >> > >> > <label for="field2">Field 2:</label><input type="text" >> > id="field2" / >> > >> > </div> >> > </BODY> >> > </HTML> >> > >> > Any help at all would be appreciated. >> > >> > Thanks! >> > > > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---