iFrame in jQuery UI dialog causes horizontal scrollbar on parent -


I am using the jQuery UI dialog to present content in a new iFrame. Everything works great except that the original window of the dialog is getting horizontal scrollbar, while the dialog is displayed (IE8). I had this problem & lt; Html & gt; Elements within the IFrame are being explained very broadly by the browser, even if the 580px divisor has only content on the page in the iframe.

I have tried to add CSS to HTML and body tags. Iframe (such as width: 98% or width: 600px;) ... none of which seem to have any effect.

Any suggestions below to open the dialog?

  $ ("a [providerId]"). Click (function (e) {e.preventDefault (); var $ this = $ (this); var $ width = 600; Var $ height = 400; $ ('& lt; iframe id = "companyDetail" class = " CompanyDetail "style =" padding: 0px; "src =" '+++ "" /> "). Dialog ({Title: $ this.attr (' title '), autoOpen: true, width: $ width, height : $ Height, modal: true, resizable: false, autoResize: true, overlay: {opacity: 0.5, background: "black"}}) width ($ width). High ($ height);});  

UPDATE : Check out these demos where I got the code to see what I'm talking about (in IE8):

This looks like a small bug in jQuery UI 1.7.2 and is currently on this issue. Two solutions are proposed in ticket comments:

Resolve A

Modify jquery-ui-1.7.2.custom.css :

< Find <>
  • .ui-widget-overlay .
  • Add the following rule: Status: Fixed; .
  • Resolve 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. . CSS ({width: this.width (), height: this.height ()}) .

    Comments

    Popular posts from this blog

    c# - How to capture HTTP packet with SharpPcap -

    jquery - SimpleModal Confirm fails to submit form -

    php - Multiple Select with Explode: only returns the word "Array" -