suneditor 3.0.0-alpha.2 → 3.0.0-alpha.20

package/src/core/class/selection.js

@@ -3,23 +3,51 @@
  */
 
 import CoreInjector from '../../editorInjector/_core';
-import { domUtils, unicode } from '../../helper';
+import { dom, unicode, env } from '../../helper';
 
-const Selection = function (editor) {
+/**
+ * @typedef {Omit<Selection_ & Partial<__se__EditorInjector>, 'selection'>} SelectionThis
+ */
+
+/**
+ * @typedef {import('./offset').RectsInfo} RectsInfo
+ */
+
+/**
+ * @constructor
+ * @this {SelectionThis}
+ * @description Selection, Range related class
+ * @param {__se__EditorCore} editor - The root editor instance
+ */
+function Selection_(editor) {
 	CoreInjector.call(this, editor);
 
 	// members
+	/** @type {Range} */
 	this.range = null;
+	/** @type {HTMLElement|Text} */
 	this.selectionNode = null;
-};
+	this.__iframeFocus = false;
+}
 
-Selection.prototype = {
+Selection_.prototype = {
 	/**
+	 * @this {SelectionThis}
 	 * @description Get window selection obejct
-	 * @returns {Object}
+	 * @returns {Selection}
 	 */
 	get() {
-		const selection = this._shadowRoot?.getSelection() || this.editor.frameContext.get('_ww').getSelection();
+		const wSelection = this.editor.frameContext.get('_ww').getSelection();
+		let selection = null;
+
+		if (this._shadowRoot) {
+			selection = wSelection.getComposedRanges?.();
+		}
+
+		if (!selection) {
+			selection = wSelection;
+		}
+
 		if (!selection) return null;
 		if (!this.status._range && !this.editor.frameContext.get('wysiwyg').contains(selection.focusNode)) {
 			selection.removeAllRanges();
@@ -29,8 +57,20 @@ Selection.prototype = {
 	},
 
 	/**
+	 * @this {SelectionThis}
+	 * @description Check if the range object is valid
+	 * @param {*} range Range object
+	 * @returns {boolean}
+	 */
+	isRange(range) {
+		// return /Range/.test(Object.prototype.toString.call(range?.__proto__));
+		return range instanceof Range;
+	},
+
+	/**
+	 * @this {SelectionThis}
 	 * @description Get current editor's range object
-	 * @returns {Object}
+	 * @returns {Range}
 	 */
 	getRange() {
 		const range = this.status._range || this._createDefaultRange();
@@ -54,38 +94,61 @@ Selection.prototype = {
 				ec = selection.focusNode,
 				so = selection.anchorOffset,
 				eo = selection.focusOffset;
-			const compareValue = domUtils.compareElements(sc, ec);
+			const compareValue = dom.query.compareElements(sc, ec);
 			const rightDir = compareValue.ancestor && (compareValue.result === 0 ? so <= eo : compareValue.result > 1 ? true : false);
 			return this.setRange(rightDir ? sc : ec, rightDir ? so : eo, rightDir ? ec : sc, rightDir ? eo : so);
 		}
 	},
 
 	/**
+	 * @this {SelectionThis}
 	 * @description Set current editor's range object and return.
-	 * @param {Node} startCon The startContainer property of the selection object.
-	 * @param {number} startOff The startOffset property of the selection object.
-	 * @param {Node} endCon The endContainer property of the selection object.
-	 * @param {number} endOff The endOffset property of the selection object.
-	 * @returns {Object} Range object.
+	 * @param {Node|Range} startCon Range object or The startContainer property of the selection object
+	 * @param {number} [startOff] The startOffset property of the selection object.
+	 * @param {Node} [endCon] The endContainer property of the selection object.
+	 * @param {number} [endOff] The endOffset property of the selection object.
+	 * @returns {Range}
 	 */
 	setRange(startCon, startOff, endCon, endOff) {
-		if (!startCon || !endCon) return;
-		if (startOff > startCon.textContent.length) startOff = startCon.textContent.length;
-		if (endOff > endCon.textContent.length) endOff = endCon.textContent.length;
-		if (this.format.isLine(startCon)) {
-			startCon = startCon.childNodes[startOff > 0 ? startCon.childNodes.length - 1 : 0] || startCon;
-			startOff = startOff > 0 ? (startCon.nodeType === 1 && !domUtils.isBreak(startCon) ? 1 : startCon.textContent ? startCon.textContent.length : 0) : 0;
+		/** @type {Node} */
+		let sc;
+		/** @type {number} */
+		let so;
+		/** @type {Node} */
+		let ec;
+		/** @type {number} */
+		let eo;
+
+		if (this.isRange(startCon)) {
+			const r = /** @type {Range} */ (startCon);
+			sc = r.startContainer;
+			so = r.startOffset;
+			ec = r.endContainer;
+			eo = r.endOffset;
+		} else {
+			sc = /** @type {Node} */ (startCon);
+			so = startOff;
+			ec = endCon;
+			eo = endOff;
 		}
-		if (this.format.isLine(endCon)) {
-			endCon = endCon.childNodes[endOff > 0 ? endCon.childNodes.length - 1 : 0] || endCon;
-			endOff = endOff > 0 ? (endCon.nodeType === 1 && !domUtils.isBreak(endCon) ? 1 : endCon.textContent ? endCon.textContent.length : 0) : 0;
+
+		if (!sc || !ec) return;
+		if ((dom.check.isBreak(sc) || sc.nodeType === 3) && so > sc.textContent.length) so = sc.textContent.length;
+		if ((dom.check.isBreak(ec) || ec.nodeType === 3) && eo > ec.textContent.length) eo = ec.textContent.length;
+		if (this.format.isLine(sc)) {
+			sc = sc.childNodes[so > 0 ? sc.childNodes.length - 1 : 0] || sc;
+			so = so > 0 ? (sc.nodeType === 1 && !dom.check.isBreak(sc) ? 1 : sc.textContent ? sc.textContent.length : 0) : 0;
+		}
+		if (this.format.isLine(ec)) {
+			ec = ec.childNodes[eo > 0 ? ec.childNodes.length - 1 : 0] || ec;
+			eo = eo > 0 ? (ec.nodeType === 1 && !dom.check.isBreak(ec) ? 1 : ec.textContent ? ec.textContent.length : 0) : 0;
 		}
 
 		const range = this.editor.frameContext.get('_wd').createRange();
 
 		try {
-			range.setStart(startCon, startOff);
-			range.setEnd(endCon, endOff);
+			range.setStart(sc, so);
+			range.setEnd(ec, eo);
 		} catch (error) {
 			console.warn('[SUNEDITOR.selection.focus.warn]', error.message);
 			this.editor._nativeFocus();
@@ -108,27 +171,55 @@ Selection.prototype = {
 	},
 
 	/**
+	 * @this {SelectionThis}
 	 * @description Remove range object and button effect
 	 */
 	removeRange() {
 		this.status._range = null;
 		this.selectionNode = null;
+		this.editor.effectNode = null;
 		if (this.status.hasFocus) this.get().removeAllRanges();
 		this.eventManager._setKeyEffect([]);
 	},
 
 	/**
+	 * @this {SelectionThis}
+	 * @description Returns the range (container and offset) near the given target node.
+	 * - If the target node has a next sibling, it returns the next sibling with an offset of 0.
+	 * - If there is no next sibling but a previous sibling exists, it returns the previous sibling with an offset of 1.
+	 * @param {Node} target Target node whose neighboring range is to be determined.
+	 * @returns {{container: Node, offset: number}|null} An object containing the nearest container node and its offset.
+	 */
+	getNearRange(target) {
+		const next = target.nextSibling;
+		const prev = target.previousSibling;
+		if (next) {
+			return {
+				container: next,
+				offset: 0
+			};
+		} else if (prev) {
+			return {
+				container: prev,
+				offset: 1
+			};
+		}
+
+		return null;
+	},
+
+	/**
+	 * @this {SelectionThis}
 	 * @description If the "range" object is a non-editable area, add a line at the top of the editor and update the "range" object.
-	 * Returns a new "range" or argument "range".
-	 * @param {Object} range core.getRange()
-	 * @param {Element|null} container If there is "container" argument, it creates a line in front of the container.
-	 * @returns {Object} range
+	 * @param {Range} range core.getRange()
+	 * @param {?Node=} container If there is "container" argument, it creates a line in front of the container.
+	 * @returns {Range} a new "range" or argument "range".
 	 */
 	getRangeAndAddLine(range, container) {
 		if (this._isNone(range)) {
 			const parent = container?.parentElement || this.editor.frameContext.get('wysiwyg');
-			const op = domUtils.createElement(this.options.get('defaultLine'), null, '<br>');
-			parent.insertBefore(op, container && container !== parent ? (!container.previousElementSibling ? container : container.nextElementSibling) : parent.firstElementChild);
+			const op = dom.utils.createElement(this.options.get('defaultLine'), null, '<br>');
+			parent.insertBefore(op, container && container !== parent ? (!(/** @type {HTMLElement} */ (container).previousElementSibling) ? container : /** @type {HTMLElement} */ (container).nextElementSibling) : parent.firstElementChild);
 			this.setRange(op.firstElementChild, 0, op.firstElementChild, 1);
 			range = this.status._range;
 		}
@@ -136,19 +227,14 @@ Selection.prototype = {
 	},
 
 	/**
+	 * @this {SelectionThis}
 	 * @description Get current select node
-	 * @returns {Node}
+	 * @returns {HTMLElement|Text}
 	 */
 	getNode() {
 		if (!this.editor.frameContext.get('wysiwyg').contains(this.selectionNode)) this._init();
 		if (!this.selectionNode) {
-			const selectionNode = domUtils.getEdgeChild(
-				this.editor.frameContext.get('wysiwyg').firstChild,
-				function (current) {
-					return current.childNodes.length === 0 || current.nodeType === 3;
-				},
-				false
-			);
+			const selectionNode = /** @type {HTMLElement|Text} */ (dom.query.getEdgeChild(this.editor.frameContext.get('wysiwyg').firstChild, (current) => current.childNodes.length === 0 || current.nodeType === 3, false));
 			if (!selectionNode) {
 				this._init();
 			} else {
@@ -160,27 +246,28 @@ Selection.prototype = {
 	},
 
 	/**
-	 * @description  Get hte clientRects object.
-	 * @param {Range|Element|null} target Range object | Element | null
+	 * @this {SelectionThis}
+	 * @description Get the Rects object.
+	 * @param {?Range|Node} target Range | Node | null
 	 * @param {"start"|"end"} position It is based on the position of the rect object to be returned in case of range selection.
-	 * @returns
+	 * @returns {{rects: RectsInfo, position: "start"|"end", scrollLeft: number, scrollTop: number}}
 	 */
 	getRects(target, position) {
-		const targetAbs = target?.nodeType === 1 ? this._w.getComputedStyle(target).position === 'absolute' : false;
-		target = !target || target.nodeType === 3 ? this.getRange() : target;
+		const targetAbs = dom.check.isElement(/** @type {Node} */ (target)) ? this._w.getComputedStyle(target).position === 'absolute' : false;
+		target = /** @type {Range} */ (!target || dom.check.isText(/** @type {Node} */ (target)) ? this.getRange() : target);
 		const globalScroll = this.offset.getGlobalScroll();
 		let isStartPosition = position === 'start';
 		let scrollLeft = globalScroll.left;
 		let scrollTop = globalScroll.top;
 
-		let rects = target.getClientRects();
+		let rects = /** @type {*} */ (target).getClientRects();
 		rects = rects[isStartPosition ? 0 : rects.length - 1];
 
 		if (!rects) {
 			const node = this.getNode();
 			if (this.format.isLine(node)) {
-				const zeroWidth = domUtils.createTextNode(unicode.zeroWidthSpace);
-				this.html.insertNode(zeroWidth, null, true);
+				const zeroWidth = dom.utils.createTextNode(unicode.zeroWidthSpace);
+				this.html.insertNode(zeroWidth, { afterNode: null, skipCharCount: true });
 				this.setRange(zeroWidth, 1, zeroWidth, 1);
 				this._init();
 				rects = this.getRange().getClientRects();
@@ -192,8 +279,8 @@ Selection.prototype = {
 				rects = {
 					left: nodeOffset.left,
 					top: nodeOffset.top,
-					right: nodeOffset.right,
-					bottom: nodeOffset.top + node.offsetHeight,
+					right: nodeOffset.left + /** @type {HTMLElement} */ (node).offsetWidth,
+					bottom: nodeOffset.top + /** @type {HTMLElement} */ (node).offsetHeight,
 					noText: true
 				};
 				scrollLeft = 0;
@@ -222,26 +309,31 @@ Selection.prototype = {
 	},
 
 	/**
+	 * @this {SelectionThis}
 	 * @description Get the custom range object of the event.
-	 * @returns {Event} e Event object
-	 * @returns {Object} {sc: startContainer, so: startOffset, ec: endContainer, eo: endOffset}
+	 * @param {DragEvent} e Event object
+	 * @returns {{sc: Node, so: number, ec: Node, eo: number}} {sc: startContainer, so: startOffset, ec: endContainer, eo: endOffset}
 	 */
-	getEventLocationRange(e) {
-		let sc, so, ec, eo;
-		if (e.rangeParent) {
-			sc = e.rangeParent;
-			so = e.rangeOffset;
-			ec = e.rangeParent;
-			eo = e.rangeOffset;
-		} else if (this.editor.frameContext.get('_wd').caretRangeFromPoint) {
-			let r = this.editor.frameContext.get('_wd').caretRangeFromPoint(e.clientX, e.clientY);
-			if (!r) r = this.selection.getRange();
+	getDragEventLocationRange(e) {
+		const wd = this.editor.frameContext.get('_wd');
+		let r, sc, so, ec, eo;
+
+		if (wd.caretPositionFromPoint) {
+			r = wd.caretPositionFromPoint(e.clientX, e.clientY);
+			sc = r.offsetNode;
+			so = r.offset;
+			ec = r.offsetNode;
+			eo = r.offset;
+		} else if (wd.caretRangeFromPoint) {
+			r = wd.caretRangeFromPoint(e.clientX, e.clientY);
 			sc = r.startContainer;
 			so = r.startOffset;
 			ec = r.endContainer;
 			eo = r.endOffset;
-		} else {
-			const r = this.selection.getRange();
+		}
+
+		if (!r) {
+			r = this.getRange();
 			sc = r.startContainer;
 			so = r.startOffset;
 			ec = r.endContainer;
@@ -257,14 +349,16 @@ Selection.prototype = {
 	},
 
 	/**
+	 * @this {SelectionThis}
 	 * @description Scroll to the corresponding selection or range position.
 	 * @param {Selection|Range|Node} ref selection or range object
+	 * @param {?Object<string, *>=} scrollOption option of scrollTo
 	 */
-	scrollTo(ref) {
+	scrollTo(ref, scrollOption) {
 		if (ref instanceof Selection) {
 			ref = ref.getRangeAt(0);
 		} else if (ref instanceof Node) {
-			ref = this.selection.setRange(ref, 1, ref, 1);
+			ref = this.setRange(ref, 1, ref, 1);
 		} else if (typeof ref?.startContainer === 'undefined') {
 			console.warn('[SUNEDITOR.html.scrollTo.warn] "selectionRange" must be Selection or Range or Node object.', ref);
 		}
@@ -274,18 +368,21 @@ Selection.prototype = {
 
 		if (isVisible) return;
 
-		ref.startContainer?.scrollIntoView?.({ behavior: 'auto', block: 'nearest' });
+		const el = dom.query.getParentElement(ref.startContainer, (current) => current.nodeType === 1);
+		el?.scrollIntoView?.(scrollOption || this.options.get('scrollToOptions'));
 	},
 
 	/**
+	 * @private
+	 * @this {SelectionThis}
 	 * @description Returns true if there is no valid selection.
-	 * @param {Object} range selection.getRange()
+	 * @param {Range} range selection.getRange()
 	 * @returns {boolean}
 	 */
 	_isNone(range) {
-		const comm = range.commonAncestorContainer;
+		const comm = /** @type {HTMLElement} */ (range.commonAncestorContainer);
 		return (
-			(domUtils.isWysiwygFrame(range.startContainer) && domUtils.isWysiwygFrame(range.endContainer)) ||
+			(dom.check.isWysiwygFrame(range.startContainer) && dom.check.isWysiwygFrame(range.endContainer)) ||
 			/FIGURE/i.test(comm.nodeName) ||
 			(this.editor._fileManager.regExp.test(comm.nodeName) && (!this.editor._fileManager.tagAttrs[comm.nodeName] || this.editor._fileManager.tagAttrs[comm.nodeName]?.every((v) => comm.hasAttribute(v)))) ||
 			this.component.is(comm)
@@ -293,9 +390,10 @@ Selection.prototype = {
 	},
 
 	/**
-	 * @description Return the range object of editor's first child node
-	 * @returns {Object}
 	 * @private
+	 * @this {SelectionThis}
+	 * @description Return the range object of editor's first child node
+	 * @returns {Range}
 	 */
 	_createDefaultRange() {
 		const wysiwyg = this.editor.frameContext.get('wysiwyg');
@@ -304,13 +402,13 @@ Selection.prototype = {
 		let firstFormat = wysiwyg.firstElementChild;
 		let focusEl = null;
 		if (!firstFormat) {
-			focusEl = domUtils.createElement('BR');
-			firstFormat = domUtils.createElement(this.options.get('defaultLine'), null, focusEl);
+			focusEl = dom.utils.createElement('BR');
+			firstFormat = dom.utils.createElement(this.options.get('defaultLine'), null, focusEl);
 			wysiwyg.appendChild(firstFormat);
 		} else {
 			focusEl = firstFormat.firstChild;
 			if (!focusEl) {
-				focusEl = domUtils.createElement('BR');
+				focusEl = dom.utils.createElement('BR');
 				firstFormat.appendChild(focusEl);
 			}
 		}
@@ -322,31 +420,34 @@ Selection.prototype = {
 	},
 
 	/**
+	 * @private
+	 * @this {SelectionThis}
 	 * @description Set "range" and "selection" info.
-	 * @param {Object} range range object.
-	 * @param {Object} selection selection object.
+	 * @param {Range} range range object.
+	 * @param {Selection} selection selection object.
 	 */
 	_rangeInfo(range, selection) {
 		let selectionNode = null;
 		this.status._range = range;
 
 		if (range.collapsed) {
-			if (domUtils.isWysiwygFrame(range.commonAncestorContainer)) selectionNode = range.commonAncestorContainer.children[range.startOffset] || range.commonAncestorContainer;
+			if (dom.check.isWysiwygFrame(range.commonAncestorContainer)) selectionNode = range.commonAncestorContainer.children[range.startOffset] || range.commonAncestorContainer;
 			else selectionNode = range.commonAncestorContainer;
 		} else {
-			selectionNode = selection.extentNode || selection.anchorNode;
+			selectionNode = selection.anchorNode;
 		}
 
-		this.selectionNode = selectionNode;
+		this.selectionNode = /** @type {HTMLElement|Text} */ (selectionNode);
 	},
 
 	/**
-	 * @description Saving the range object and the currently selected node of editor
 	 * @private
+	 * @this {SelectionThis}
+	 * @description Saving the range object and the currently selected node of editor
 	 */
 	_init() {
 		const activeEl = this.editor.frameContext.get('_wd').activeElement;
-		if (domUtils.isInputElement(activeEl)) {
+		if (dom.check.isInputElement(activeEl)) {
 			this.selectionNode = activeEl;
 			return activeEl;
 		}
@@ -366,32 +467,42 @@ Selection.prototype = {
 	},
 
 	/**
-	 * @description Focus method
 	 * @private
+	 * @this {SelectionThis}
+	 * @description Focus method
 	 */
 	__focus() {
-		const caption = domUtils.getParentElement(this.getNode(), 'figcaption');
-		if (caption) {
-			caption.focus();
-		} else {
-			this.editor.frameContext.get('wysiwyg').focus();
+		try {
+			this.__iframeFocus = true;
+			const caption = dom.query.getParentElement(this.getNode(), 'figcaption');
+			if (caption) {
+				caption.focus();
+			} else {
+				this.editor.frameContext.get('wysiwyg').focus();
+			}
+		} finally {
+			env._w.setTimeout(() => (this.__iframeFocus = false), 0);
 		}
 	},
 
 	/**
+	 * @private
+	 * @this {SelectionThis}
 	 * @description Reset range object to text node selected status.
 	 * @returns {boolean} Returns false if there is no valid selection.
-	 * @private
 	 */
 	_resetRangeToTextNode() {
 		let rangeObj = this.getRange();
 		if (this._isNone(rangeObj)) {
-			if (!domUtils.isWysiwygFrame(rangeObj.startContainer) || !domUtils.isWysiwygFrame(rangeObj.endContainer)) return false;
-			const ww = rangeObj.startContainer;
-			rangeObj = this.setRange(ww.firstElementChild, 0, ww.lastElementChild, 1);
+			if (!dom.check.isWysiwygFrame(rangeObj.startContainer) || !dom.check.isWysiwygFrame(rangeObj.endContainer)) return false;
+			const ww = /** @type {HTMLElement} */ (rangeObj.commonAncestorContainer);
+			const first = ww.children[rangeObj.startOffset];
+			const end = ww.children[rangeObj.endOffset];
+			if (!(rangeObj = this.setRange(first, 0, end, first === end ? 0 : 1))) return false;
 		}
 
 		const range = rangeObj;
+		const collapsed = range.collapsed;
 		let startCon = range.startContainer;
 		let startOff = range.startOffset;
 		let endCon = range.endContainer;
@@ -416,18 +527,19 @@ Selection.prototype = {
 			while (endCon?.nodeType === 1 && endCon.lastChild) {
 				endCon = endCon.lastChild;
 			}
-			endOff = endCon.textContent.length;
+			if (collapsed) endOff = 0;
+			else if (endOff > 0) endOff = endCon.textContent.length;
 		}
 
 		// startContainer
-		tempCon = domUtils.isWysiwygFrame(startCon) ? this.editor.frameContext.get('wysiwyg').firstChild : startCon;
+		tempCon = dom.check.isWysiwygFrame(startCon) ? this.editor.frameContext.get('wysiwyg').firstChild : startCon;
 		tempOffset = startOff;
 
-		if (domUtils.isBreak(tempCon) || (tempCon.nodeType === 1 && tempCon.childNodes.length > 0)) {
-			const onlyBreak = domUtils.isBreak(tempCon);
+		if (dom.check.isBreak(tempCon) || (tempCon.nodeType === 1 && tempCon.childNodes.length > 0)) {
+			const onlyBreak = dom.check.isBreak(tempCon);
 			if (!onlyBreak) {
 				const tempConCache = tempCon;
-				while (tempCon && !domUtils.isBreak(tempCon) && tempCon.nodeType === 1) {
+				while (tempCon && !dom.check.isBreak(tempCon) && tempCon.nodeType === 1) {
 					tempChild = tempCon.childNodes;
 					if (tempChild.length === 0) break;
 					tempCon = tempChild[tempOffset > 0 ? tempOffset - 1 : tempOffset] || !/FIGURE/i.test(tempChild[0].nodeName) ? tempChild[0] : tempCon.previousElementSibling || tempCon.previousSibling || startCon;
@@ -437,14 +549,14 @@ Selection.prototype = {
 				let format = this.format.getLine(tempCon, null);
 				if (format === this.format.getBlock(format, null)) {
 					tempCon = tempCon || tempConCache;
-					format = domUtils.createElement(domUtils.getParentElement(tempCon, domUtils.isTableCell) ? 'DIV' : this.options.get('defaultLine'));
+					format = dom.utils.createElement(dom.query.getParentElement(tempCon, dom.check.isTableCell) ? 'DIV' : this.options.get('defaultLine'));
 					tempCon.parentNode.insertBefore(format, tempCon);
 					if (tempCon !== tempConCache) format.appendChild(tempCon);
 				}
 			}
 
-			if (domUtils.isBreak(tempCon) || this.component.is(tempCon)) {
-				const emptyText = domUtils.createTextNode(unicode.zeroWidthSpace);
+			if (dom.check.isBreak(tempCon) || this.component.is(tempCon)) {
+				const emptyText = dom.utils.createTextNode(unicode.zeroWidthSpace);
 				tempCon.parentNode.insertBefore(emptyText, tempCon);
 				tempCon = emptyText;
 				if (onlyBreak) {
@@ -461,13 +573,13 @@ Selection.prototype = {
 		startOff = tempOffset;
 
 		// endContainer
-		tempCon = domUtils.isWysiwygFrame(endCon) ? this.editor.frameContext.get('wysiwyg').lastChild : endCon;
+		tempCon = dom.check.isWysiwygFrame(endCon) ? this.editor.frameContext.get('wysiwyg').lastChild : endCon;
 		tempOffset = endOff;
 
-		if (domUtils.isBreak(tempCon) || (tempCon.nodeType === 1 && tempCon.childNodes.length > 0)) {
-			const onlyBreak = domUtils.isBreak(tempCon);
+		if (dom.check.isBreak(tempCon) || (tempCon.nodeType === 1 && tempCon.childNodes.length > 0)) {
+			const onlyBreak = dom.check.isBreak(tempCon);
 			if (!onlyBreak) {
-				while (tempCon && !domUtils.isBreak(tempCon) && tempCon.nodeType === 1) {
+				while (tempCon && !dom.check.isBreak(tempCon) && tempCon.nodeType === 1) {
 					tempChild = tempCon.childNodes;
 					if (tempChild.length === 0) break;
 					tempCon = tempChild[tempOffset > 0 ? tempOffset - 1 : tempOffset] || !/FIGURE/i.test(tempChild[0].nodeName) ? tempChild[0] : tempCon.previousElementSibling || tempCon.previousSibling || startCon;
@@ -476,19 +588,19 @@ Selection.prototype = {
 
 				let format = this.format.getLine(tempCon, null);
 				if (format === this.format.getBlock(format, null)) {
-					format = domUtils.createElement(domUtils.isTableCell(format) ? 'DIV' : this.options.get('defaultLine'));
+					format = dom.utils.createElement(dom.check.isTableCell(format) ? 'DIV' : this.options.get('defaultLine'));
 					tempCon.parentNode.insertBefore(format, tempCon);
 					format.appendChild(tempCon);
 				}
 			}
 
-			if (domUtils.isBreak(tempCon)) {
-				const emptyText = domUtils.createTextNode(unicode.zeroWidthSpace);
+			if (dom.check.isBreak(tempCon)) {
+				const emptyText = dom.utils.createTextNode(unicode.zeroWidthSpace);
 				tempCon.parentNode.insertBefore(emptyText, tempCon);
 				tempCon = emptyText;
 				tempOffset = 1;
 				if (onlyBreak && !tempCon.previousSibling) {
-					domUtils.removeItem(endCon);
+					dom.utils.removeItem(endCon);
 				}
 			}
 		}
@@ -502,7 +614,7 @@ Selection.prototype = {
 		return true;
 	},
 
-	constructor: Selection
+	constructor: Selection_
 };
 
-export default Selection;
+export default Selection_;