ted/recogito-client-core
ted
/
recogito-client-core
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixes (potentially) last remaining IE11 compat issue

This commit is contained in:
Rainer Simon 2020-08-30 12:34:15 +02:00
parent 0f7e2f8a70
commit 98df4da14c
1 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/selection/SelectionHandler.js
View File

@ -1,8 +1,27 @@
import { trimRange, rangeToSelection, enableTouch, getExactOverlaps } from './SelectionUtils'; import { trimRange, rangeToSelection, enableTouch, getExactOverlaps } from './SelectionUtils';
import { isInternetExplorer } from '../utils';
import EventEmitter from 'tiny-emitter'; import EventEmitter from 'tiny-emitter';
const IS_TOUCH = 'ontouchstart' in window || navigator.maxTouchPoints > 0; const IS_TOUCH = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
const IS_INTERNET_EXPLORER =
window?.navigator.userAgent.match(/(MSIE|Trident)/);
/** Tests whether maybeChildEl is contained in containerEl **/
const contains = (containerEl, maybeChildEl) => {
if (IS_INTERNET_EXPLORER) {
// In IE, .contains returns false for text nodes
// https://stackoverflow.com/questions/44140712/ie-acting-strange-with-node-contains-and-text-nodes
if (maybeChildEl.nodeType == Node.TEXT_NODE)
return containerEl === maybeChildEl.parentNode || containerEl.contains(maybeChildEl.parentNode);
else
return containerEl.contains(maybeChildEl);
} else {
// Things can be so simple, unless you're in IE
return containerEl.contains(maybeChildEl);
}
}
export default class SelectionHandler extends EventEmitter { export default class SelectionHandler extends EventEmitter {
constructor(element, highlighter, readOnly) { constructor(element, highlighter, readOnly) {
@ -54,7 +73,7 @@ export default class SelectionHandler extends EventEmitter {
// Make sure the selection is entirely inside this.el // Make sure the selection is entirely inside this.el
const { commonAncestorContainer } = selectedRange; const { commonAncestorContainer } = selectedRange;
if (this.el.contains(commonAncestorContainer)) { if (contains(this.el, commonAncestorContainer)) {
const stub = rangeToSelection(selectedRange, this.el); const stub = rangeToSelection(selectedRange, this.el);
const spans = this.highlighter.wrapRange(selectedRange); const spans = this.highlighter.wrapRange(selectedRange);