···

       
1
       
 
       
import { contains } from './element';

     

       
2
       
 
       


     

       
3
       
 
       
interface RestoreInputSelection {

     

       
4
       
-
       
  element: HTMLElement;

     

       
5
       
 
       
  method: 'setSelectionRange';

     

       
6
       
 
       
  arguments: [number, number, 'forward' | 'backward' | 'none' | undefined];

     

       
7
       
 
       
}

     
···

       
22
       
 
       
  | RestoreActiveNode

     

       
23
       
 
       
  | RestoreSelectionRange;

     

       
24
       
 
       


     

       
25
       
-
       
const isInputElement = (node: HTMLElement): node is HTMLInputElement =>

     

       
26
       
 
       
  (node.nodeName === 'INPUT' || node.nodeName === 'TEXTAREA') &&

     

       
27
       
 
       
  typeof (node as HTMLInputElement).selectionStart === 'number' &&

     

       
28
       
 
       
  typeof (node as HTMLInputElement).selectionEnd === 'number';

     
···

       
35
       
 
       
  const element = node && target && node !== target ? node : target;

     

       
36
       
 
       
  if (!element || !target) {

     

       
37
       
 
       
    return null;

     

       
38
       
-
       
  } else if (isInputElement(target)) {

     

       
39
       
 
       
    return {

     

       
40
       
 
       
      element,

     

       
41
       
 
       
      method: 'setSelectionRange',

     

       
42
       
 
       
      arguments: [

     

       
43
       
-
       
        target.selectionStart!,

     

       
44
       
-
       
        target.selectionEnd!,

     

       
45
       
-
       
        target.selectionDirection || undefined,

     

       
46
       
 
       
      ],

     

       
47
       
 
       
    };

     

       
48
       
 
       
  }

     
···

       
60
       
 
       


     

       
61
       
 
       
/** Restores a given snapshot of a selection, falling back to a simple focus. */

     

       
62
       
 
       
export const restoreSelection = (restore: RestoreSelection | null) => {

     

       
63
       
-
       
  const target = restore && restore.element;

     

       
64
       
-
       
  if (!restore || !target || !target.parentNode) {

     

       
65
       
 
       
    return;

     

       
66
       
-
       
  } else if (restore.method === 'setSelectionRange' && isInputElement(target)) {

     

       
67
       
-
       
    target.focus();

     

       
68
       
-
       
    target.setSelectionRange(...restore.arguments);

     

       
69
       
 
       
  } else if (restore.method === 'range') {

     

       
70
       
 
       
    const selection = window.getSelection()!;

     

       
71
       
-
       
    target.focus();

     

       
72
       
 
       
    selection.removeAllRanges();

     

       
73
       
 
       
    selection.addRange(restore.range);

     

       
74
       
 
       
  } else {

     

       
75
       
-
       
    target.focus();

     

       
76
       
 
       
  }

     

       
77
       
 
       
};

     

···

       
1
       
 
       
import { contains } from './element';

     

       
2
       
 
       


     

       
3
       
 
       
interface RestoreInputSelection {

     

       
4
       
+
       
  element: HTMLInputElement;

     

       
5
       
 
       
  method: 'setSelectionRange';

     

       
6
       
 
       
  arguments: [number, number, 'forward' | 'backward' | 'none' | undefined];

     

       
7
       
 
       
}

     
···

       
22
       
 
       
  | RestoreActiveNode

     

       
23
       
 
       
  | RestoreSelectionRange;

     

       
24
       
 
       


     

       
25
       
+
       
const hasSelection = (node: HTMLElement): node is HTMLInputElement =>

     

       
26
       
 
       
  (node.nodeName === 'INPUT' || node.nodeName === 'TEXTAREA') &&

     

       
27
       
 
       
  typeof (node as HTMLInputElement).selectionStart === 'number' &&

     

       
28
       
 
       
  typeof (node as HTMLInputElement).selectionEnd === 'number';

     
···

       
35
       
 
       
  const element = node && target && node !== target ? node : target;

     

       
36
       
 
       
  if (!element || !target) {

     

       
37
       
 
       
    return null;

     

       
38
       
+
       
  } else if (hasSelection(element)) {

     

       
39
       
 
       
    return {

     

       
40
       
 
       
      element,

     

       
41
       
 
       
      method: 'setSelectionRange',

     

       
42
       
 
       
      arguments: [

     

       
43
       
+
       
        element.selectionStart!,

     

       
44
       
+
       
        element.selectionEnd!,

     

       
45
       
+
       
        element.selectionDirection || undefined,

     

       
46
       
 
       
      ],

     

       
47
       
 
       
    };

     

       
48
       
 
       
  }

     
···

       
60
       
 
       


     

       
61
       
 
       
/** Restores a given snapshot of a selection, falling back to a simple focus. */

     

       
62
       
 
       
export const restoreSelection = (restore: RestoreSelection | null) => {

     

       
63
       
+
       
  if (!restore || !restore.element.parentNode) {

     

       
0
       
 
       

     

       
64
       
 
       
    return;

     

       
65
       
+
       
  } else if (restore.method === 'setSelectionRange') {

     

       
66
       
+
       
    restore.element.focus();

     

       
67
       
+
       
    restore.element.setSelectionRange(...restore.arguments);

     

       
68
       
 
       
  } else if (restore.method === 'range') {

     

       
69
       
 
       
    const selection = window.getSelection()!;

     

       
70
       
+
       
    restore.element.focus();

     

       
71
       
 
       
    selection.removeAllRanges();

     

       
72
       
 
       
    selection.addRange(restore.range);

     

       
73
       
 
       
  } else {

     

       
74
       
+
       
    restore.element.focus();

     

       
75
       
 
       
  }

     

       
76
       
 
       
};