Home/ Questions/Q 6322751
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T16:23:30+00:00

I am using jQuery dialogs over an iframe in my webpage and the resizing

  • 0

I am using jQuery dialogs over an iframe in my webpage and the resizing and dragging does not work as expected.

What it does, is it stops working when your mouse gets outside of the window, which is quite annoying because it happens really fast. This happens by both dragging and resizing of the dialogs.

Here is a small skeleton in which I was able to reproduce the problem: 

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="jquery-ui-1.8.15.css" />
    <script src="jquery-1.6.2.min.js" type="text/javascript"></script>
    <script src="jquery-ui-1.8.15.min.js"  type="text/javascript"></script>
    <script>
    $(function() {          
        $("#awesomewindow").dialog();
    });
    </script>
</head>
<body style="background-color: red; margin: 0px; padding: 0px;">
    <div id="awesomewindow">
        Window content here!
    </div>
    <div style="position: absolute; width: 100%; height: 100%; overflow: hidden">
        <iframe src="Blue.html" frameborder="0" scrolling="no" height="100%" width="100%" />
    </div>
</body>
</html>

I think the iframe just steals the focus, but I have no idea how to fix this.

Thanks for watching!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    set these two parameters to make it work:

    $(function () {
        $("#awesomewindow").dialog({
            iframe: true,
            modal : true
        });
    });
    • 0