Problem with jQuery resizable inside iframe

I have a first page. Where is a link which open jQuery Dialog with iframe with second page inside. There is a resizable textarea inside second page. Actually the textarea resizable only when I open the second page strictly without iframe, but it's not resizable inside iframe. How can it be fixed?

UPD: This is my html code from first page:

1. <div id="dialog-system" title="system settings">
2.   <div class="loadingDivForDialog"><img src="Control/Image/loading.gif" alt="loading..." /></div>
3.   <iframe id="SystemFrame" src="" scrolling="no" frameborder="0"></iframe>
4. </div>

* This source code was highlighted with Source Code Highlighter.

this is script to opent dialog box:

1. function showSystemDialog(propertyName, id_prov, psysN开发者_JAVA技巧ame, currentItemForTick) {
2.   $('.loadingDivForDialog').show();
3.   $('#SystemFrame').hide();
4.  
5.   var defaultSrc = "Settings.aspx?pro=" + propertyName + "&id_prov=" + id_prov;
6.   $("#systemFrame").attr('src', String(defaultSrc));
7.  
8.   $("#dialog-system").dialog({
9.     resizable: false,
10.     height: 300,
11.     width: 680,
12.     modal: true,
13.     position: 'center',
14.     buttons: {}
15.   });
16.   $('#SystemFrame').load(function() {
17.     $('.loadingDivForDialog').hide();
18.     $('#SystemFrame').show();
19.     $('#SystemFrame').contents().find("input[value='Update']").click(function() {
20.  
21.       var obj = $("#" + currentItemForTick);
22.  
23.       if (obj.get(0).tagName == "INPUT") {
24.         obj.attr('checked', true);
25.       }
26.       else {
27.         obj = window.parent.$("input[value='" + psysName + "']");
28.  
29.         obj.attr("checked", true);
30.       }
31.     });
32.  
33.     $('#SystemFrame').contents().find("input[value='Cancel']").click(function() { $("#dialog-system").dialog("close") });
34.  
35.     $("#dialog-system").dialog("option", "height", parseInt($('#SystemFrame').contents().height(), 10) + 35);
36.   });
37.   return false;
38. }

* This source code was highlighted with Source Code Highlighter.

this is textarea and script from the second page:

1. <textarea name="ctl00$ContentPlaceHolderBody$ctrl02$fldText" rows="2" cols="20" id="ctl00_ContentPlaceHolderBody_ctrl02_fldText" class="textbox"></textarea>
2.  
3. <script type="text/javascript">$(function() {
4.   $("#ctl00$ContentPlaceHolderBody$ctrl02$fldText").resizable({
5.     handles: "se",
6.     maxWidth: 340,
7.     minWidth: 196,
8.     minHeight: 18
9.   });
10. });</script>

* This source code was highlighted with Source Code Highlighter.

UPD: Any ideas?

---

I'm having a similar problem with resizing when there are iframes on the page. I'm starting to come to the conclusion that the iframe is preventing the relevant mouse handlers getting through to the resize logic in jQuery.

Not strictly a solution, but it might point someone in the right direction.

UPDATE: See the last comment on this jQuery ticket for more details of a potential fix http://bugs.jqueryui.com/ticket/3176