How to apply JQResizeOptions.Helper to dialog?

[George]

Hi!

I have problem with dialog resizing, when it contains TIWCGJQHTMLEditor.
Every time when mouse goes to TIWCGJQHTMLEditor, resize stops.
There is good property JQResizeOptions.Helper that works with regions, but not works with dialogs.
Seems, problem is that JQDialogEx has own property "JQDialogOptions.Resizable".

Also, i have server side calculations of controls position.
JQResizeOptions.Helper (or any other property with same functionality) gives best available visualization of changing size in my situation...
Also i'm interested to disable horizontal resize.

[Jorge Sousa]

Hello

Any js errors in the process?

Regards

[George]

No.
If i set style "pointer-events: none;" to htmleditor, resizing works ok in chrome (but not in IE).

If you can't reproduce, i can make demo...
It's simple - add dialog, add htmleditor and resize dialog.

[George]

Demo.

[Alexander Bulei]

Hi George,

I already have one (you shared yesterday with FancyBox issue), but i didn't found the solution yet.

Best Regards.

[George]

Yes, it's same demo.
I just moved discussion to corresponding topic.

[Alexander Bulei]

Hi George,

We found the solution for this issue.

Set in JQDialogOptions.OnResizeStart.Script the next code:

javascript code

$(this).find('iframe').css('pointer-events','none');

and in JQDialogOptions.OnResizeStop.Script :

javascript code

$(this).find('iframe').css('pointer-events','auto');

Best Regards.

[George]

Same code was written above

If i set style "pointer-events: none;" to htmleditor, resizing works ok in chrome (but not in IE).

I already implemented this temporary fix.
Temporary because not works under internet explorer.

[Alexander Bulei]

Hi George,

my bad

Here you have cross-browser code:

JQDialog.OnResizeStart.Script :

javascript code

function (event, ui){
  var frm = $(this).find("iframe");
  if ($.browser.msie) {
    this.tempdiv = $("<div>").css({
      "width":"100%",
      "height":"100%",
      "z-index":"99999",
      "position": "absolute"
    }); 
    frm.parent().prepend(this.tempdiv);
  } else {
    frm.css("pointer-events","none");
  }
}

JQDialog.OnResizeStop.Script :

javascript code

function (event, ui){
 if ($.browser.msie) {
    $(this.tempdiv).remove();
  }else{
    $(this).find("iframe").css("pointer-events","auto");
  }
}

Best Regards.

[George]

Thanks
I tested this code in Google Chrome 31 and Internet Explorer 11.
Looks like in IE this code not helps..
Test case.

If you not going to include this code to tools, then - never mind.
I will try to fix this later)
It's not top priority problem (at least, for me).