Better selection handling, fixing scan length being treated as a string.

ext/bg/js/options-form.js

@@ -40,7 +40,7 @@ function formToOptions(section, callback) {
 
         switch (section) {
             case 'general':
-                optsNew.scanLength        = $('#scan-length').val();
+                optsNew.scanLength        = parseInt($('#scan-length').val());
                 optsNew.activateOnStartup = $('#activate-on-startup').prop('checked');
                 optsNew.loadEnamDict      = $('#load-enamdict').prop('checked');
                 optsNew.selectMatchedText = $('#select-matched-text').prop('checked');

ext/bg/js/options.js

@@ -38,6 +38,8 @@ function sanitizeOptions(options) {
         }
     }
 
+    options.scanLength = parseInt(options.scanLength);
+
     return options;
 }
 

ext/fg/js/range.js

@@ -27,16 +27,29 @@ class Range {
     }
 
     setLength(length) {
-        const node   = this.rng.startContainer;
+        const end = this.findEnd(this.rng.startContainer, this.rng.startOffset, length);
-        const offset = this.rng.startOffset;
+        this.rng.setEnd(end.node, end.offset);
-
-        length = Math.min(node.length - offset, length);
-        if (length === 0) {
-            return null;
     }
 
-        this.rng.setEnd(node, offset + length);
+    findEnd(node, offset, length) {
-        return length;
+        if (node.nodeType === 3) {
+            const remainder = node.data.length - offset;
+            if (remainder >= length) {
+                return {node, offset: offset + length};
+            }
+
+            length -= remainder;
+        }
+
+        if (node.childNodes.length > 0) {
+            return this.findEnd(node.childNodes[0], 0, length);
+        }
+
+        if (node.nextSibling !== null) {
+            return this.findEnd(node.nextSibling, 0, length);
+        }
+
+        return {node, offset: node.data.length};
     }
 
     containsPoint(point) {