Use dom-input-range instead of internal implementation

Author: iansan5653

package-lock.json

@@ -29,7 +29,8 @@
   ],
   "prettier": "@github/prettier-config",
   "dependencies": {
-    "@github/combobox-nav": "^2.0.2"
+    "@github/combobox-nav": "^2.0.2",
+    "dom-input-range": "^1.1.3"
   },
   "devDependencies": {
     "@github/prettier-config": "0.0.4",

package.json

@@ -1,6 +1,6 @@
 import Combobox from '@github/combobox-nav'
 import query from './query'
-import textFieldSelectionPosition from './text-field-selection-position'
+import {InputRange} from 'dom-input-range'
 
 type Match = {
   text: string
@@ -103,7 +103,7 @@ class TextExpander {
 
     this.expander.dispatchEvent(new Event('text-expander-activate'))
 
-    let {top, left} = textFieldSelectionPosition(this.input, match.position)
+    let {top, left} = new InputRange(this.input, match.position).getBoundingClientRect()
     if (isTopLayer(menu)) {
       const rect = this.input.getBoundingClientRect()
       top += rect.top