Try initializing your dialog with a large minHeight ... e.g.
$("...").dialog({minHeight:600});If that works then bug #3901 affects IE7 too, not just IE6. See for details: http://ui.jquery.com/bugs/ticket/3901 On Thu, Jan 22, 2009 at 1:18 AM, KenLG <[email protected]> wrote: > > Not sure if anyone else has been getting this but using IE7 I keep > getting an Invalid Argument error that maps to the jquery (v1.3 and > v1.3.1) attr call. It looks like something is trying to assign a > minHeight value of -240px. I can't tell what object is doing this and > I really can't tell you why it's happening. > > The content and/or CSS used in the dialog is obviously triggering it > (if I clear out the div/form I'm using, it pops up just fine) but > which element or CSS entry triggers the issue varies depending on > whether I call dialog with no params or if I call it with params like: > > $("#UpsellFormDialog").dialog({ autoOpen: false, width: 500, maxWidth: > 800, minWidth: 500, > height: 300, maxHeight: 700, > minHeight: 300, > modal: true, title: 'Add > Upsell or Ad', close: DialogOnClose }); > > The HTML isn't crazy: > > <div id="UpsellFormDialog" title="Edit Upsell or Ad"> > <form id="UpsellForm" method="post" action="CompanyUpsellAds.aspx" > class="AccountUpsellForm"> > > <div class="required"> > > <label for="fAdTypeID">< > %=Resources.Strings_EN_US.AccountUpsellTypeHeader%></label> > <select name="fAdTypeID" id="fAdTypeID" > class="StandardDropDown > UpsellChangeCheck"></select> > > </div> > > <div class="required"> > <label for="fAdLocationID">< > %=Resources.Strings_EN_US.AccountUpsellLocationHeader%></label> > <select name="fAdLocationID" id="fAdLocationID" > class="StandardDropDown UpsellChangeCheck"></select> > </div> > > <div class="required"> > <label for="fAdCopy">< > %=Resources.Strings_EN_US.AccountUpsellCopyHeader%></label> > <textarea name="fAdCopy" id="fAdCopy" cols="80" > class="StandardField UpsellTextField UpsellChangeCheck > UpsellKeyCheck"></textarea> > <small><%=Resources.Strings_EN_US.AccountUpsellCopyLimitNote > %></ > small> > </div> > > <div class="optional"> > <label for="fAdStartDate">< > %=Resources.Strings_EN_US.AccountUpsellStartDateHeader%></label> > <input type="text" name="fAdStartDate" id="fAdStartDate" > class="StandardField UpsellChangeCheck UpsellKeyCheck" value="" /> > <small><%=Resources.Strings_EN_US.AccountUpsellStartDateNote > %></ > small> > </div> > > <div class="optional"> > <label for="fAdEndDate">< > %=Resources.Strings_EN_US.AccountUpsellEndDateHeader%></label> > <input type="text" name="fAdEndDate" id="fAdEndDate" > class="StandardField UpsellChangeCheck UpsellKeyCheck" value="" /> > <small><%=Resources.Strings_EN_US.AccountUpsellEndDateNote > %></ > small> > </div> > > > <div class="DialogButtons"> > > <input type="image" name="fUpsellSubmit" id="fUpsellSubmit" > class="ImageRollover" alt="Save" tabindex="300" > src="/images/global/btn_save_off.gif" /> > <input type="image" name="fUpsellCancel" id="fUpsellCancel" > class="ImageRollover" alt="Cancel" tabindex="310" > src="/images/global/btn_cancel_off.gif" /> > </div> > > > </form> > </div> > > And the CSS that governs most of those elements isn't either: > > > .StandardField, StandardFieldLarge > { > font-weight: normal; > border: 1px solid #CCCCCC; > } > > .DialogButtons > { > padding: 10px 10px; > text-align: right; > } > > .AccountUpsellForm textarea > { > width: 300px; > height: 50px; > } > > div.required label > { > position: relative; > width: 130px; > min-height: 20px; > font-weight: bolder; > float: left; > clear: left; > padding: 3px 5px; > margin: 5px 0px 5px 0px; > } > div.optional label > { > position: relative; > float: left; > clear: left; > width: 130px; > min-height: 20px; > padding: 3px 5px; > margin: 5px 0px 5px 0px; > } > > (UpsellChangeCheck and UpsellKeyCheck are just being used as > identities for lookups and have no declarations in CSS) > > With the above code, it will work but the box will be about 25 pixels > high until I click the resize triangle then it'll pop open to full > size. When I remove the width and height declarations from the dialog > call (width, minWidth, maxWidth, and same for height), it errors out > with the aforementioned Invalid Argument error. When the error is > generated, no dialog is displayed and it's not caused by the code > above it in the JS call that eventually calls dialog("open"). > > I'm using an XHTML 1.1 dtd for the page. > > I've done the usual fun IE debug routine where I remove blocks of code > all over the place to see what restores functionality. Note the lack > of a "rows" declaration for the text area? Earlier I had the Invalid > Argument error and when I removed that attribute it started working > again. Now, when I tried to resolve the height issue and I removed the > height information from the dialog options all together, I get it > again. > > I'm using .Net to build the page but I don't rely on server controls > or anything. > > By the way, on a hunch I switched the dtd to XHTML 1.0 transitional > and it works. Is it that IE 7's support for XHTML 1.1 (and standards > in general) sucks or am I just running into some luck and that's it? > > Thanks in advance for any knowledge...even if this fixes it, I'd > rather understand what the issue is and if there's a way I can get > back to the 1.1 dtd...I suppose I could serve IE7 content with the 1.0 > transitional dtd... > > > > > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
