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
}
});