scrollbar inside jquery UI dialog crashes IE8

to see this you can go

• h开发者_开发技巧ere: http://mrgsp.md:8080/prodinner

• click on "host a dinner" and make your browser small enough so that you would get scrollbars in the UI dialog

• now try scrolling, IE will crash

(do this using IE8 or IE9 with IE8 browsder mode (F12 select IE8 browser mode) )

that dialog is filled with content via ajax (in case that matters)

Problem is

height:100%

on body and html tags, removing either of them will help.

and in the case that you need an alternative

$(function () {
     var $window = $(window);
     var $html = $('html');
     $window.resize(function () {
         $html.width($window.width());
         $html.height($window.height());
     });
 });

using this method you can keep height on body.

Although the above answer seems appropriate for the problem, I had a similar issue and tracked it down to the element that I was loading the jQueryUI into. Basically, I had a shorthand version

<div id="someID" /> 

- this worked fine in Chrome but made IE8 crash

changing it to:

<div id="someID"></div> 

- fixed it.

Hope this is helpful in case anyone else comes across this question.