Opened 8 years ago

Closed 8 years ago

#7541 closed bug (notabug)

height: 'auto' broken when using a Dialog constructed within a loaded div

Reported by: battok Owned by: battok
Priority: minor Milestone: 1.9.0
Component: ui.dialog Version: 1.8.14
Keywords: Cc:
Blocked by: Blocking:

Description

Page with dialog: <link type="text/css" href="Styles/jquery-ui-1.8.14.custom.css" rel="stylesheet" />

<script type="text/javascript" src="Scripts/jquery-1.5.1.min.js"></script>

<script type="text/javascript" src="Scripts/jquery-ui-1.8.14.custom.min.js"></script> <script type="text/javascript" src="Scripts/jquery.validate.js"></script>

<script type="text/javascript">

$(function () {

var $dialogTimeout = $("<div id='testDialog'></div>").appendTo(jQuery("form:first")); $dialogTimeout.load("jqueryDialogExample.aspx", function (response, status, xhr) {

if (status == "success") {

$(this).dialog({

title: "Hi", resizable: false, width: '600px', height: 'auto', close: function (event, ui) {

$dialogTimeout.empty(); $dialogTimeout.dialog("destroy"); $dialogTimeout.remove();

}, modal: true

});

}

});

});

</script>

Dialog html: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">

<link type="text/css" href="Styles/jquery-ui-1.8.14.custom.css" rel="stylesheet" />

<script type="text/javascript" src="Scripts/jquery-1.5.1.min.js"></script> <script type="text/javascript" src="Scripts/jquery-ui-1.8.14.custom.min.js"></script> <script type="text/javascript">

$(document).ready(function () {

$('#testButton').click(function () {

$("#notinform").html('losts of stuff to add <br /> like this <br /> like this <br /> like this');

});

});

</script>

<title></title>

</head> <body>

<form id="form1" runat="server"> <div id="appendToThis">

<input type='text' class='required' title='this is required' id='textInput' /> <ul id='errors'></ul> <br /> <a id='testButton'>Click Me!</a> <br /> <table>

<tr>

<td>This Area</td>

</tr>

</table>

</div> </form> <div id="notinform"></div>

</body> </html>

By adding the following line of code after the dialog is constructed, you can workaround the issue: $dialogTimeout.height('auto')

Change History (2)

comment:1 Changed 8 years ago by rdworth

Owner: set to battok
Status: newpending

See the big red note above "Please use jsFiddle or jsbin to provide test cases instead of pasting large blocks of code in the ticket."

comment:2 Changed 8 years ago by trac-o-bot

Resolution: invalid
Status: pendingclosed

Because we get so many tickets, we often need to return them to the initial reporter for more information. If that person does not reply within 14 days, the ticket will automatically be closed, and that has happened in this case. If you still are interested in pursuing this issue, feel free to add a comment with the requested information and we will be happy to reopen the ticket if it is still valid. Thanks!

Note: See TracTickets for help on using tickets.