UNPKG

@testing-library/user-event

Version:
41 lines (37 loc) 1.99 kB
'use strict'; require('../../utils/dataTransfer/Clipboard.js'); var isContentEditable = require('../../utils/edit/isContentEditable.js'); var selection = require('../../utils/focus/selection.js'); // The browser implementation seems to have changed. // When focus is inside <input type="text"/>, // Chrome updates Selection to be collapsed at the position of the input element. // TODO: update implementation to match that of current browsers /** * Reset the Document Selection when moving focus into an element * with own selection implementation. */ function updateSelectionOnFocus(element) { const selection$1 = element.ownerDocument.getSelection(); /* istanbul ignore if */ if (!(selection$1 === null || selection$1 === undefined ? undefined : selection$1.focusNode)) { return; } // If the focus moves inside an element with own selection implementation, // the document selection will be this element. // But if the focused element is inside a contenteditable, // 1) a collapsed selection will be retained. // 2) other selections will be replaced by a cursor // 2.a) at the start of the first child if it is a text node // 2.b) at the start of the contenteditable. if (selection.hasOwnSelection(element)) { const contenteditable = isContentEditable.getContentEditable(selection$1.focusNode); if (contenteditable) { if (!selection$1.isCollapsed) { var _contenteditable_firstChild; const focusNode = ((_contenteditable_firstChild = contenteditable.firstChild) === null || _contenteditable_firstChild === undefined ? undefined : _contenteditable_firstChild.nodeType) === 3 ? contenteditable.firstChild : contenteditable; selection$1.setBaseAndExtent(focusNode, 0, focusNode, 0); } } else { selection$1.setBaseAndExtent(element, 0, element, 0); } } } exports.updateSelectionOnFocus = updateSelectionOnFocus;