iFrame in jQuery UI dialog causes horizontal scrollbar on parent

Question

I\'m using the jQuery UI dialog to present content in a new iFrame. Everything works out great except that the parent window of the dialog is getting a horizontal scrollbar whi

Answer 1

This seems to be a small bug in jQuery UI 1.7.2 and there is currently an open ticket (#3623) on the issue. Two solutions are proposed in the ticket comments:

Solution A

Modify jquery-ui-1.7.2.custom.css:

1. Find .ui-widget-overlay.
2. Add the following rule: position:fixed;.

Solution B

Modify jquery-ui-1.7.2.custom.min.js:

1. Find addClass("ui-widget-overlay").css({width:this.width(),height:this.height()}); on line 97.
2. Delete .css({width:this.width(),height:this.height()}).