jQueryUI Resizable Dialog containing iFrame Fix for Firefox / IE
jQueryUI Resizable Dialog containing iFrame Fix for Firefox / IE
Hello.
I am trying to make iFrames appear in a jQueryUI dialog and make them resizable using jQueryUI's resizable functionality.
But there is an issue with Firefox and and IE. Discussed in the comments of Elijah Manor's blog post on the subject here :
http://elijahmanor.com/post/jQuery-UI-Dialog-w-Resizable-iFrame.aspx
I have found a fix here (last comment) :
http://dev.jqueryui.com/ticket/3176
that I have successfully applied with my own resizable div, but I'm not having similar success with a jQueryUI Dialog.
I have 3 versions that you can look at :
http://www.happyworm.com/test/iframeresize/v07/
(An attempt to adapt Elijah's example)
http://www.happyworm.com/test/iframeresize/v08/
(A version that works with my own div (not a Dialog))
http://www.happyworm.com/test/iframeresize/v09/
(A more straightforward jQueryUI Dialog version)
v08 works but v07 and v09 that use jQueryUI Dialog don't.
The problem is that in IE and Firefox when you are over an iframe you lose the focus of the parent window and so the resizing stops working properly.
Anybody got any ideas why the fix doesn't work with Dialog?
Thanks
Mark
Topic Participants
mark.boas
benjamin.paap