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 -~----------~----~----~----~------~----~------~--~---
