This is a migrated thread and some comments may be shown as answers.

Drag stops when mouse hovers over iframe - suggested fix?

1 Answer 170 Views
Window
This is a migrated thread and some comments may be shown as answers.
Jordon
Top achievements
Rank 1
Jordon asked on 01 Apr 2013, 03:40 PM
I have a series of kendo windows and some may contain iframe tags within their contents. When a user drags a window, dragging stops while the mouse is over the iframe. There is a jquery plugin that fixes this issue when using jquery drag, is there something similar for Kendo or could I use the same plugin? The plugin is posted below:

$.ui.plugin.add("resizable", "iframeFix",
    start: function() {
        var o = $(this).data('draggable').options;
            $(o.iframeFix === true ? "iframe" : o.iframeFix).each(function() {
            $('<div class="ui-draggable-iframeFix" style="background: #fff;"></div>')
             .css({
                width: this.offsetWidth+"px", height: this.offsetHeight+"px",
                position: "absolute", opacity: "0.001", zIndex: 1000
             })
             .css($(this).offset())
             .appendTo("body");
          });
        },
        stop: function() {
            $("div.ui-draggable-iframeFix").each(function() {
                this.parentNode.removeChild(this);
             }); //Remove frame helpers
        }
    });

1 Answer, 1 is accepted

Sort by
0
Accepted
Daniel
Telerik team
answered on 03 Apr 2013, 02:21 PM
Hello Jordon,

I am not aware of a plugin for the Kendo Window. You could however extend the Kendo Window to use the same approach. I created a small jsBin example that shows how to extend the Window.

Regards,
Daniel
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Window
Asked by
Jordon
Top achievements
Rank 1
Answers by
Daniel
Telerik team
Share this question
or