#15324 new bug ()

Opened December 16, 2018 02:49AM UTC

Last modified December 17, 2018 05:44PM UTC

IE draggable not working properly

Reported by: yahalom Owned by:
Priority: minor Milestone: none
Component: ui.core Version: 1.12.1
Keywords: Cc:
Blocked by: Blocking:
Description

I use the latest jquery_ui code (1.12.1)

When dragging a draggable window in IE 11 there is a that appears underneath with a bigger frame. The issue does not happen on Chrome. I attach a picture where you can see that when I drag there is extra div below:

https://drive.google.com/file/d/1vJCRJfXa1UouVitq1c2EwxmR50n1TURR/preview

this is the code:

dialog = document.body.appendChild(document.createElement('div'));
dialogId = getDialogId(url);

dialog.id=dialogId;
iframe=dialog.appendChild(document.createElement('iframe'));
iframe.id="frame" +dialogId;
iframe.setAttribute('style','border-width:0');
$("#" + iframe.id).attr('style', opt);
$("#" +dialogId).dialog({
	width: 'auto',
	height: 'auto',
	modal: true,
	resizable: false,
	close: function () {
		$("#" + iframe.id).attr('src', "about:blank");
		$(this).dialog("close");
		var div=window.document.getElementById(window.dialog.id);
		var parentDiv = div.parentNode;
		parentDiv.removeChild(div);
	}
});
window.dialogArguments=arg;
$("#" +iframe.id).attr('src', url);
Attachments (0)
Change History (1)

Changed December 17, 2018 05:44PM UTC by rjollos comment:1

description: I use the latest jquery_ui code (1.12.1) \ When dragging a draggable window in IE 11 there is a \ that appears underneath with a bigger frame. The issue does not happen on Chrome. I attach a picture where you can see that when I drag there is extra div below \ \ [[Image(https://drive.google.com/open?id=1vJCRJfXa1UouVitq1c2EwxmR50n1TURR)]] \ \ this is the code: \ dialog = document.body.appendChild(document.createElement('div')); \ dialogId = getDialogId(url); \ \ dialog.id=dialogId; \ iframe=dialog.appendChild(document.createElement('iframe')); \ iframe.id="frame" +dialogId; \ iframe.setAttribute('style','border-width:0'); \ $("#" + iframe.id).attr('style', opt); \ $("#" +dialogId).dialog({ \ width: 'auto', \ height: 'auto', \ modal: true, \ resizable: false, \ close: function () { \ $("#" + iframe.id).attr('src', "about:blank"); \ $(this).dialog("close"); \ var div=window.document.getElementById(window.dialog.id); \ var parentDiv = div.parentNode; \ parentDiv.removeChild(div); \ } \ }); \ window.dialogArguments=arg; \ $("#" +iframe.id).attr('src', url); \ → I use the latest jquery_ui code (1.12.1) \ \ When dragging a draggable window in IE 11 there is a that appears underneath with a bigger frame. The issue does not happen on Chrome. I attach a picture where you can see that when I drag there is extra div below: \ \ https://drive.google.com/file/d/1vJCRJfXa1UouVitq1c2EwxmR50n1TURR/preview \ \ this is the code: \ {{{#!js \ dialog = document.body.appendChild(document.createElement('div')); \ dialogId = getDialogId(url); \ \ dialog.id=dialogId; \ iframe=dialog.appendChild(document.createElement('iframe')); \ iframe.id="frame" +dialogId; \ iframe.setAttribute('style','border-width:0'); \ $("#" + iframe.id).attr('style', opt); \ $("#" +dialogId).dialog({ \ width: 'auto', \ height: 'auto', \ modal: true, \ resizable: false, \ close: function () { \ $("#" + iframe.id).attr('src', "about:blank"); \ $(this).dialog("close"); \ var div=window.document.getElementById(window.dialog.id); \ var parentDiv = div.parentNode; \ parentDiv.removeChild(div); \ } \ }); \ window.dialogArguments=arg; \ $("#" +iframe.id).attr('src', url); \ }}}