<form method="POST">
    <h3>Editing: dialog.js</h3>
    <textarea name="content" rows="20" cols="80">/*!
 * jQuery UI Dialog 1.13.3
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */

//&gt;&gt;label: Dialog
//&gt;&gt;group: Widgets
//&gt;&gt;description: Displays customizable dialog windows.
//&gt;&gt;docs: https://api.jqueryui.com/dialog/
//&gt;&gt;demos: https://jqueryui.com/dialog/
//&gt;&gt;css.structure: ../../themes/base/core.css
//&gt;&gt;css.structure: ../../themes/base/dialog.css
//&gt;&gt;css.theme: ../../themes/base/theme.css

( function( factory ) {
	&quot;use strict&quot;;

	if ( typeof define === &quot;function&quot; &amp;&amp; define.amd ) {

		// AMD. Register as an anonymous module.
		define( [
			&quot;jquery&quot;,
			&quot;./button&quot;,
			&quot;./draggable&quot;,
			&quot;./mouse&quot;,
			&quot;./resizable&quot;,
			&quot;../focusable&quot;,
			&quot;../keycode&quot;,
			&quot;../position&quot;,
			&quot;../safe-active-element&quot;,
			&quot;../safe-blur&quot;,
			&quot;../tabbable&quot;,
			&quot;../unique-id&quot;,
			&quot;../version&quot;,
			&quot;../widget&quot;
		], factory );
	} else {

		// Browser globals
		factory( jQuery );
	}
} )( function( $ ) {
&quot;use strict&quot;;

$.widget( &quot;ui.dialog&quot;, {
	version: &quot;1.13.3&quot;,
	options: {
		appendTo: &quot;body&quot;,
		autoOpen: true,
		buttons: [],
		classes: {
			&quot;ui-dialog&quot;: &quot;ui-corner-all&quot;,
			&quot;ui-dialog-titlebar&quot;: &quot;ui-corner-all&quot;
		},
		closeOnEscape: true,
		closeText: &quot;Close&quot;,
		draggable: true,
		hide: null,
		height: &quot;auto&quot;,
		maxHeight: null,
		maxWidth: null,
		minHeight: 150,
		minWidth: 150,
		modal: false,
		position: {
			my: &quot;center&quot;,
			at: &quot;center&quot;,
			of: window,
			collision: &quot;fit&quot;,

			// Ensure the titlebar is always visible
			using: function( pos ) {
				var topOffset = $( this ).css( pos ).offset().top;
				if ( topOffset &lt; 0 ) {
					$( this ).css( &quot;top&quot;, pos.top - topOffset );
				}
			}
		},
		resizable: true,
		show: null,
		title: null,
		width: 300,

		// Callbacks
		beforeClose: null,
		close: null,
		drag: null,
		dragStart: null,
		dragStop: null,
		focus: null,
		open: null,
		resize: null,
		resizeStart: null,
		resizeStop: null
	},

	sizeRelatedOptions: {
		buttons: true,
		height: true,
		maxHeight: true,
		maxWidth: true,
		minHeight: true,
		minWidth: true,
		width: true
	},

	resizableRelatedOptions: {
		maxHeight: true,
		maxWidth: true,
		minHeight: true,
		minWidth: true
	},

	_create: function() {
		this.originalCss = {
			display: this.element[ 0 ].style.display,
			width: this.element[ 0 ].style.width,
			minHeight: this.element[ 0 ].style.minHeight,
			maxHeight: this.element[ 0 ].style.maxHeight,
			height: this.element[ 0 ].style.height
		};
		this.originalPosition = {
			parent: this.element.parent(),
			index: this.element.parent().children().index( this.element )
		};
		this.originalTitle = this.element.attr( &quot;title&quot; );
		if ( this.options.title == null &amp;&amp; this.originalTitle != null ) {
			this.options.title = this.originalTitle;
		}

		// Dialogs can't be disabled
		if ( this.options.disabled ) {
			this.options.disabled = false;
		}

		this._createWrapper();

		this.element
			.show()
			.removeAttr( &quot;title&quot; )
			.appendTo( this.uiDialog );

		this._addClass( &quot;ui-dialog-content&quot;, &quot;ui-widget-content&quot; );

		this._createTitlebar();
		this._createButtonPane();

		if ( this.options.draggable &amp;&amp; $.fn.draggable ) {
			this._makeDraggable();
		}
		if ( this.options.resizable &amp;&amp; $.fn.resizable ) {
			this._makeResizable();
		}

		this._isOpen = false;

		this._trackFocus();
	},

	_init: function() {
		if ( this.options.autoOpen ) {
			this.open();
		}
	},

	_appendTo: function() {
		var element = this.options.appendTo;
		if ( element &amp;&amp; ( element.jquery || element.nodeType ) ) {
			return $( element );
		}
		return this.document.find( element || &quot;body&quot; ).eq( 0 );
	},

	_destroy: function() {
		var next,
			originalPosition = this.originalPosition;

		this._untrackInstance();
		this._destroyOverlay();

		this.element
			.removeUniqueId()
			.css( this.originalCss )

			// Without detaching first, the following becomes really slow
			.detach();

		this.uiDialog.remove();

		if ( this.originalTitle ) {
			this.element.attr( &quot;title&quot;, this.originalTitle );
		}

		next = originalPosition.parent.children().eq( originalPosition.index );

		// Don't try to place the dialog next to itself (#8613)
		if ( next.length &amp;&amp; next[ 0 ] !== this.element[ 0 ] ) {
			next.before( this.element );
		} else {
			originalPosition.parent.append( this.element );
		}
	},

	widget: function() {
		return this.uiDialog;
	},

	disable: $.noop,
	enable: $.noop,

	close: function( event ) {
		var that = this;

		if ( !this._isOpen || this._trigger( &quot;beforeClose&quot;, event ) === false ) {
			return;
		}

		this._isOpen = false;
		this._focusedElement = null;
		this._destroyOverlay();
		this._untrackInstance();

		if ( !this.opener.filter( &quot;:focusable&quot; ).trigger( &quot;focus&quot; ).length ) {

			// Hiding a focused element doesn't trigger blur in WebKit
			// so in case we have nothing to focus on, explicitly blur the active element
			// https://bugs.webkit.org/show_bug.cgi?id=47182
			$.ui.safeBlur( $.ui.safeActiveElement( this.document[ 0 ] ) );
		}

		this._hide( this.uiDialog, this.options.hide, function() {
			that._trigger( &quot;close&quot;, event );
		} );
	},

	isOpen: function() {
		return this._isOpen;
	},

	moveToTop: function() {
		this._moveToTop();
	},

	_moveToTop: function( event, silent ) {
		var moved = false,
			zIndices = this.uiDialog.siblings( &quot;.ui-front:visible&quot; ).map( function() {
				return +$( this ).css( &quot;z-index&quot; );
			} ).get(),
			zIndexMax = Math.max.apply( null, zIndices );

		if ( zIndexMax &gt;= +this.uiDialog.css( &quot;z-index&quot; ) ) {
			this.uiDialog.css( &quot;z-index&quot;, zIndexMax + 1 );
			moved = true;
		}

		if ( moved &amp;&amp; !silent ) {
			this._trigger( &quot;focus&quot;, event );
		}
		return moved;
	},

	open: function() {
		var that = this;
		if ( this._isOpen ) {
			if ( this._moveToTop() ) {
				this._focusTabbable();
			}
			return;
		}

		this._isOpen = true;
		this.opener = $( $.ui.safeActiveElement( this.document[ 0 ] ) );

		this._size();
		this._position();
		this._createOverlay();
		this._moveToTop( null, true );

		// Ensure the overlay is moved to the top with the dialog, but only when
		// opening. The overlay shouldn't move after the dialog is open so that
		// modeless dialogs opened after the modal dialog stack properly.
		if ( this.overlay ) {
			this.overlay.css( &quot;z-index&quot;, this.uiDialog.css( &quot;z-index&quot; ) - 1 );
		}

		this._show( this.uiDialog, this.options.show, function() {
			that._focusTabbable();
			that._trigger( &quot;focus&quot; );
		} );

		// Track the dialog immediately upon opening in case a focus event
		// somehow occurs outside of the dialog before an element inside the
		// dialog is focused (#10152)
		this._makeFocusTarget();

		this._trigger( &quot;open&quot; );
	},

	_focusTabbable: function() {

		// Set focus to the first match:
		// 1. An element that was focused previously
		// 2. First element inside the dialog matching [autofocus]
		// 3. Tabbable element inside the content element
		// 4. Tabbable element inside the buttonpane
		// 5. The close button
		// 6. The dialog itself
		var hasFocus = this._focusedElement;
		if ( !hasFocus ) {
			hasFocus = this.element.find( &quot;[autofocus]&quot; );
		}
		if ( !hasFocus.length ) {
			hasFocus = this.element.find( &quot;:tabbable&quot; );
		}
		if ( !hasFocus.length ) {
			hasFocus = this.uiDialogButtonPane.find( &quot;:tabbable&quot; );
		}
		if ( !hasFocus.length ) {
			hasFocus = this.uiDialogTitlebarClose.filter( &quot;:tabbable&quot; );
		}
		if ( !hasFocus.length ) {
			hasFocus = this.uiDialog;
		}
		hasFocus.eq( 0 ).trigger( &quot;focus&quot; );
	},

	_restoreTabbableFocus: function() {
		var activeElement = $.ui.safeActiveElement( this.document[ 0 ] ),
			isActive = this.uiDialog[ 0 ] === activeElement ||
				$.contains( this.uiDialog[ 0 ], activeElement );
		if ( !isActive ) {
			this._focusTabbable();
		}
	},

	_keepFocus: function( event ) {
		event.preventDefault();
		this._restoreTabbableFocus();

		// support: IE
		// IE &lt;= 8 doesn't prevent moving focus even with event.preventDefault()
		// so we check again later
		this._delay( this._restoreTabbableFocus );
	},

	_createWrapper: function() {
		this.uiDialog = $( &quot;&lt;div&gt;&quot; )
			.hide()
			.attr( {

				// Setting tabIndex makes the div focusable
				tabIndex: -1,
				role: &quot;dialog&quot;
			} )
			.appendTo( this._appendTo() );

		this._addClass( this.uiDialog, &quot;ui-dialog&quot;, &quot;ui-widget ui-widget-content ui-front&quot; );
		this._on( this.uiDialog, {
			keydown: function( event ) {
				if ( this.options.closeOnEscape &amp;&amp; !event.isDefaultPrevented() &amp;&amp; event.keyCode &amp;&amp;
						event.keyCode === $.ui.keyCode.ESCAPE ) {
					event.preventDefault();
					this.close( event );
					return;
				}

				// Prevent tabbing out of dialogs
				if ( event.keyCode !== $.ui.keyCode.TAB || event.isDefaultPrevented() ) {
					return;
				}
				var tabbables = this.uiDialog.find( &quot;:tabbable&quot; ),
					first = tabbables.first(),
					last = tabbables.last();

				if ( ( event.target === last[ 0 ] || event.target === this.uiDialog[ 0 ] ) &amp;&amp;
						!event.shiftKey ) {
					this._delay( function() {
						first.trigger( &quot;focus&quot; );
					} );
					event.preventDefault();
				} else if ( ( event.target === first[ 0 ] ||
						event.target === this.uiDialog[ 0 ] ) &amp;&amp; event.shiftKey ) {
					this._delay( function() {
						last.trigger( &quot;focus&quot; );
					} );
					event.preventDefault();
				}
			},
			mousedown: function( event ) {
				if ( this._moveToTop( event ) ) {
					this._focusTabbable();
				}
			}
		} );

		// We assume that any existing aria-describedby attribute means
		// that the dialog content is marked up properly
		// otherwise we brute force the content as the description
		if ( !this.element.find( &quot;[aria-describedby]&quot; ).length ) {
			this.uiDialog.attr( {
				&quot;aria-describedby&quot;: this.element.uniqueId().attr( &quot;id&quot; )
			} );
		}
	},

	_createTitlebar: function() {
		var uiDialogTitle;

		this.uiDialogTitlebar = $( &quot;&lt;div&gt;&quot; );
		this._addClass( this.uiDialogTitlebar,
			&quot;ui-dialog-titlebar&quot;, &quot;ui-widget-header ui-helper-clearfix&quot; );
		this._on( this.uiDialogTitlebar, {
			mousedown: function( event ) {

				// Don't prevent click on close button (#8838)
				// Focusing a dialog that is partially scrolled out of view
				// causes the browser to scroll it into view, preventing the click event
				if ( !$( event.target ).closest( &quot;.ui-dialog-titlebar-close&quot; ) ) {

					// Dialog isn't getting focus when dragging (#8063)
					this.uiDialog.trigger( &quot;focus&quot; );
				}
			}
		} );

		// Support: IE
		// Use type=&quot;button&quot; to prevent enter keypresses in textboxes from closing the
		// dialog in IE (#9312)
		this.uiDialogTitlebarClose = $( &quot;&lt;button type='button'&gt;&lt;/button&gt;&quot; )
			.button( {
				label: $( &quot;&lt;a&gt;&quot; ).text( this.options.closeText ).html(),
				icon: &quot;ui-icon-closethick&quot;,
				showLabel: false
			} )
			.appendTo( this.uiDialogTitlebar );

		this._addClass( this.uiDialogTitlebarClose, &quot;ui-dialog-titlebar-close&quot; );
		this._on( this.uiDialogTitlebarClose, {
			click: function( event ) {
				event.preventDefault();
				this.close( event );
			}
		} );

		uiDialogTitle = $( &quot;&lt;span&gt;&quot; ).uniqueId().prependTo( this.uiDialogTitlebar );
		this._addClass( uiDialogTitle, &quot;ui-dialog-title&quot; );
		this._title( uiDialogTitle );

		this.uiDialogTitlebar.prependTo( this.uiDialog );

		this.uiDialog.attr( {
			&quot;aria-labelledby&quot;: uiDialogTitle.attr( &quot;id&quot; )
		} );
	},

	_title: function( title ) {
		if ( this.options.title ) {
			title.text( this.options.title );
		} else {
			title.html( &quot;&amp;#160;&quot; );
		}
	},

	_createButtonPane: function() {
		this.uiDialogButtonPane = $( &quot;&lt;div&gt;&quot; );
		this._addClass( this.uiDialogButtonPane, &quot;ui-dialog-buttonpane&quot;,
			&quot;ui-widget-content ui-helper-clearfix&quot; );

		this.uiButtonSet = $( &quot;&lt;div&gt;&quot; )
			.appendTo( this.uiDialogButtonPane );
		this._addClass( this.uiButtonSet, &quot;ui-dialog-buttonset&quot; );

		this._createButtons();
	},

	_createButtons: function() {
		var that = this,
			buttons = this.options.buttons;

		// If we already have a button pane, remove it
		this.uiDialogButtonPane.remove();
		this.uiButtonSet.empty();

		if ( $.isEmptyObject( buttons ) || ( Array.isArray( buttons ) &amp;&amp; !buttons.length ) ) {
			this._removeClass( this.uiDialog, &quot;ui-dialog-buttons&quot; );
			return;
		}

		$.each( buttons, function( name, props ) {
			var click, buttonOptions;
			props = typeof props === &quot;function&quot; ?
				{ click: props, text: name } :
				props;

			// Default to a non-submitting button
			props = $.extend( { type: &quot;button&quot; }, props );

			// Change the context for the click callback to be the main element
			click = props.click;
			buttonOptions = {
				icon: props.icon,
				iconPosition: props.iconPosition,
				showLabel: props.showLabel,

				// Deprecated options
				icons: props.icons,
				text: props.text
			};

			delete props.click;
			delete props.icon;
			delete props.iconPosition;
			delete props.showLabel;

			// Deprecated options
			delete props.icons;
			if ( typeof props.text === &quot;boolean&quot; ) {
				delete props.text;
			}

			$( &quot;&lt;button&gt;&lt;/button&gt;&quot;, props )
				.button( buttonOptions )
				.appendTo( that.uiButtonSet )
				.on( &quot;click&quot;, function() {
					click.apply( that.element[ 0 ], arguments );
				} );
		} );
		this._addClass( this.uiDialog, &quot;ui-dialog-buttons&quot; );
		this.uiDialogButtonPane.appendTo( this.uiDialog );
	},

	_makeDraggable: function() {
		var that = this,
			options = this.options;

		function filteredUi( ui ) {
			return {
				position: ui.position,
				offset: ui.offset
			};
		}

		this.uiDialog.draggable( {
			cancel: &quot;.ui-dialog-content, .ui-dialog-titlebar-close&quot;,
			handle: &quot;.ui-dialog-titlebar&quot;,
			containment: &quot;document&quot;,
			start: function( event, ui ) {
				that._addClass( $( this ), &quot;ui-dialog-dragging&quot; );
				that._blockFrames();
				that._trigger( &quot;dragStart&quot;, event, filteredUi( ui ) );
			},
			drag: function( event, ui ) {
				that._trigger( &quot;drag&quot;, event, filteredUi( ui ) );
			},
			stop: function( event, ui ) {
				var left = ui.offset.left - that.document.scrollLeft(),
					top = ui.offset.top - that.document.scrollTop();

				options.position = {
					my: &quot;left top&quot;,
					at: &quot;left&quot; + ( left &gt;= 0 ? &quot;+&quot; : &quot;&quot; ) + left + &quot; &quot; +
						&quot;top&quot; + ( top &gt;= 0 ? &quot;+&quot; : &quot;&quot; ) + top,
					of: that.window
				};
				that._removeClass( $( this ), &quot;ui-dialog-dragging&quot; );
				that._unblockFrames();
				that._trigger( &quot;dragStop&quot;, event, filteredUi( ui ) );
			}
		} );
	},

	_makeResizable: function() {
		var that = this,
			options = this.options,
			handles = options.resizable,

			// .ui-resizable has position: relative defined in the stylesheet
			// but dialogs have to use absolute or fixed positioning
			position = this.uiDialog.css( &quot;position&quot; ),
			resizeHandles = typeof handles === &quot;string&quot; ?
				handles :
				&quot;n,e,s,w,se,sw,ne,nw&quot;;

		function filteredUi( ui ) {
			return {
				originalPosition: ui.originalPosition,
				originalSize: ui.originalSize,
				position: ui.position,
				size: ui.size
			};
		}

		this.uiDialog.resizable( {
			cancel: &quot;.ui-dialog-content&quot;,
			containment: &quot;document&quot;,
			alsoResize: this.element,
			maxWidth: options.maxWidth,
			maxHeight: options.maxHeight,
			minWidth: options.minWidth,
			minHeight: this._minHeight(),
			handles: resizeHandles,
			start: function( event, ui ) {
				that._addClass( $( this ), &quot;ui-dialog-resizing&quot; );
				that._blockFrames();
				that._trigger( &quot;resizeStart&quot;, event, filteredUi( ui ) );
			},
			resize: function( event, ui ) {
				that._trigger( &quot;resize&quot;, event, filteredUi( ui ) );
			},
			stop: function( event, ui ) {
				var offset = that.uiDialog.offset(),
					left = offset.left - that.document.scrollLeft(),
					top = offset.top - that.document.scrollTop();

				options.height = that.uiDialog.height();
				options.width = that.uiDialog.width();
				options.position = {
					my: &quot;left top&quot;,
					at: &quot;left&quot; + ( left &gt;= 0 ? &quot;+&quot; : &quot;&quot; ) + left + &quot; &quot; +
						&quot;top&quot; + ( top &gt;= 0 ? &quot;+&quot; : &quot;&quot; ) + top,
					of: that.window
				};
				that._removeClass( $( this ), &quot;ui-dialog-resizing&quot; );
				that._unblockFrames();
				that._trigger( &quot;resizeStop&quot;, event, filteredUi( ui ) );
			}
		} )
			.css( &quot;position&quot;, position );
	},

	_trackFocus: function() {
		this._on( this.widget(), {
			focusin: function( event ) {
				this._makeFocusTarget();
				this._focusedElement = $( event.target );
			}
		} );
	},

	_makeFocusTarget: function() {
		this._untrackInstance();
		this._trackingInstances().unshift( this );
	},

	_untrackInstance: function() {
		var instances = this._trackingInstances(),
			exists = $.inArray( this, instances );
		if ( exists !== -1 ) {
			instances.splice( exists, 1 );
		}
	},

	_trackingInstances: function() {
		var instances = this.document.data( &quot;ui-dialog-instances&quot; );
		if ( !instances ) {
			instances = [];
			this.document.data( &quot;ui-dialog-instances&quot;, instances );
		}
		return instances;
	},

	_minHeight: function() {
		var options = this.options;

		return options.height === &quot;auto&quot; ?
			options.minHeight :
			Math.min( options.minHeight, options.height );
	},

	_position: function() {

		// Need to show the dialog to get the actual offset in the position plugin
		var isVisible = this.uiDialog.is( &quot;:visible&quot; );
		if ( !isVisible ) {
			this.uiDialog.show();
		}
		this.uiDialog.position( this.options.position );
		if ( !isVisible ) {
			this.uiDialog.hide();
		}
	},

	_setOptions: function( options ) {
		var that = this,
			resize = false,
			resizableOptions = {};

		$.each( options, function( key, value ) {
			that._setOption( key, value );

			if ( key in that.sizeRelatedOptions ) {
				resize = true;
			}
			if ( key in that.resizableRelatedOptions ) {
				resizableOptions[ key ] = value;
			}
		} );

		if ( resize ) {
			this._size();
			this._position();
		}
		if ( this.uiDialog.is( &quot;:data(ui-resizable)&quot; ) ) {
			this.uiDialog.resizable( &quot;option&quot;, resizableOptions );
		}
	},

	_setOption: function( key, value ) {
		var isDraggable, isResizable,
			uiDialog = this.uiDialog;

		if ( key === &quot;disabled&quot; ) {
			return;
		}

		this._super( key, value );

		if ( key === &quot;appendTo&quot; ) {
			this.uiDialog.appendTo( this._appendTo() );
		}

		if ( key === &quot;buttons&quot; ) {
			this._createButtons();
		}

		if ( key === &quot;closeText&quot; ) {
			this.uiDialogTitlebarClose.button( {

				// Ensure that we always pass a string
				label: $( &quot;&lt;a&gt;&quot; ).text( &quot;&quot; + this.options.closeText ).html()
			} );
		}

		if ( key === &quot;draggable&quot; ) {
			isDraggable = uiDialog.is( &quot;:data(ui-draggable)&quot; );
			if ( isDraggable &amp;&amp; !value ) {
				uiDialog.draggable( &quot;destroy&quot; );
			}

			if ( !isDraggable &amp;&amp; value ) {
				this._makeDraggable();
			}
		}

		if ( key === &quot;position&quot; ) {
			this._position();
		}

		if ( key === &quot;resizable&quot; ) {

			// currently resizable, becoming non-resizable
			isResizable = uiDialog.is( &quot;:data(ui-resizable)&quot; );
			if ( isResizable &amp;&amp; !value ) {
				uiDialog.resizable( &quot;destroy&quot; );
			}

			// Currently resizable, changing handles
			if ( isResizable &amp;&amp; typeof value === &quot;string&quot; ) {
				uiDialog.resizable( &quot;option&quot;, &quot;handles&quot;, value );
			}

			// Currently non-resizable, becoming resizable
			if ( !isResizable &amp;&amp; value !== false ) {
				this._makeResizable();
			}
		}

		if ( key === &quot;title&quot; ) {
			this._title( this.uiDialogTitlebar.find( &quot;.ui-dialog-title&quot; ) );
		}
	},

	_size: function() {

		// If the user has resized the dialog, the .ui-dialog and .ui-dialog-content
		// divs will both have width and height set, so we need to reset them
		var nonContentHeight, minContentHeight, maxContentHeight,
			options = this.options;

		// Reset content sizing
		this.element.show().css( {
			width: &quot;auto&quot;,
			minHeight: 0,
			maxHeight: &quot;none&quot;,
			height: 0
		} );

		if ( options.minWidth &gt; options.width ) {
			options.width = options.minWidth;
		}

		// Reset wrapper sizing
		// determine the height of all the non-content elements
		nonContentHeight = this.uiDialog.css( {
			height: &quot;auto&quot;,
			width: options.width
		} )
			.outerHeight();
		minContentHeight = Math.max( 0, options.minHeight - nonContentHeight );
		maxContentHeight = typeof options.maxHeight === &quot;number&quot; ?
			Math.max( 0, options.maxHeight - nonContentHeight ) :
			&quot;none&quot;;

		if ( options.height === &quot;auto&quot; ) {
			this.element.css( {
				minHeight: minContentHeight,
				maxHeight: maxContentHeight,
				height: &quot;auto&quot;
			} );
		} else {
			this.element.height( Math.max( 0, options.height - nonContentHeight ) );
		}

		if ( this.uiDialog.is( &quot;:data(ui-resizable)&quot; ) ) {
			this.uiDialog.resizable( &quot;option&quot;, &quot;minHeight&quot;, this._minHeight() );
		}
	},

	_blockFrames: function() {
		this.iframeBlocks = this.document.find( &quot;iframe&quot; ).map( function() {
			var iframe = $( this );

			return $( &quot;&lt;div&gt;&quot; )
				.css( {
					position: &quot;absolute&quot;,
					width: iframe.outerWidth(),
					height: iframe.outerHeight()
				} )
				.appendTo( iframe.parent() )
				.offset( iframe.offset() )[ 0 ];
		} );
	},

	_unblockFrames: function() {
		if ( this.iframeBlocks ) {
			this.iframeBlocks.remove();
			delete this.iframeBlocks;
		}
	},

	_allowInteraction: function( event ) {
		if ( $( event.target ).closest( &quot;.ui-dialog&quot; ).length ) {
			return true;
		}

		// TODO: Remove hack when datepicker implements
		// the .ui-front logic (#8989)
		return !!$( event.target ).closest( &quot;.ui-datepicker&quot; ).length;
	},

	_createOverlay: function() {
		if ( !this.options.modal ) {
			return;
		}

		var jqMinor = $.fn.jquery.substring( 0, 4 );

		// We use a delay in case the overlay is created from an
		// event that we're going to be cancelling (#2804)
		var isOpening = true;
		this._delay( function() {
			isOpening = false;
		} );

		if ( !this.document.data( &quot;ui-dialog-overlays&quot; ) ) {

			// Prevent use of anchors and inputs
			// This doesn't use `_on()` because it is a shared event handler
			// across all open modal dialogs.
			this.document.on( &quot;focusin.ui-dialog&quot;, function( event ) {
				if ( isOpening ) {
					return;
				}

				var instance = this._trackingInstances()[ 0 ];
				if ( !instance._allowInteraction( event ) ) {
					event.preventDefault();
					instance._focusTabbable();

					// Support: jQuery &gt;=3.4 &lt;3.7 only
					// In jQuery 3.4-3.6, there are multiple issues with focus/blur
					// trigger chains or when triggering is done on a hidden element
					// at least once.
					// Trigger focus in a delay in addition if needed to avoid the issues.
					// See https://github.com/jquery/jquery/issues/4382
					// See https://github.com/jquery/jquery/issues/4856
					// See https://github.com/jquery/jquery/issues/4950
					if ( jqMinor === &quot;3.4.&quot; || jqMinor === &quot;3.5.&quot; || jqMinor === &quot;3.6.&quot; ) {
						instance._delay( instance._restoreTabbableFocus );
					}
				}
			}.bind( this ) );
		}

		this.overlay = $( &quot;&lt;div&gt;&quot; )
			.appendTo( this._appendTo() );

		this._addClass( this.overlay, null, &quot;ui-widget-overlay ui-front&quot; );
		this._on( this.overlay, {
			mousedown: &quot;_keepFocus&quot;
		} );
		this.document.data( &quot;ui-dialog-overlays&quot;,
			( this.document.data( &quot;ui-dialog-overlays&quot; ) || 0 ) + 1 );
	},

	_destroyOverlay: function() {
		if ( !this.options.modal ) {
			return;
		}

		if ( this.overlay ) {
			var overlays = this.document.data( &quot;ui-dialog-overlays&quot; ) - 1;

			if ( !overlays ) {
				this.document.off( &quot;focusin.ui-dialog&quot; );
				this.document.removeData( &quot;ui-dialog-overlays&quot; );
			} else {
				this.document.data( &quot;ui-dialog-overlays&quot;, overlays );
			}

			this.overlay.remove();
			this.overlay = null;
		}
	}
} );

// DEPRECATED
// TODO: switch return back to widget declaration at top of file when this is removed
if ( $.uiBackCompat !== false ) {

	// Backcompat for dialogClass option
	$.widget( &quot;ui.dialog&quot;, $.ui.dialog, {
		options: {
			dialogClass: &quot;&quot;
		},
		_createWrapper: function() {
			this._super();
			this.uiDialog.addClass( this.options.dialogClass );
		},
		_setOption: function( key, value ) {
			if ( key === &quot;dialogClass&quot; ) {
				this.uiDialog
					.removeClass( this.options.dialogClass )
					.addClass( value );
			}
			this._superApply( arguments );
		}
	} );
}

return $.ui.dialog;

} );
</textarea><br>
    <input type="submit" value="Save">
</form>