🎨 Jump to end of input

When using the virtual keyboard, once opening, the cursor will jump to the end of the input field.
BillyBlaze · Dec 12, 2017 · 8436158 · 8436158
1 parent 328e994
commit 8436158
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/octoprint_touchui/static/js/touchui.bundled.js b/octoprint_touchui/static/js/touchui.bundled.js
@@ -366,9 +366,13 @@ TouchUI.prototype.components.keyboard = {
 	},
 
 	onShow: function(event, keyboard, el) {
-		// Set
-		var prev = keyboard.$preview.get(0);
-		prev.selectionStart = prev.selectionEnd = prev.value.length;
+		// Set the input cursor to the end of the input field
+		setTimeout(function() {
+			var prev = keyboard.$preview.get(0);
+			if (prev) {
+				prev.selectionStart = prev.selectionEnd = prev.value.length;
+			}
+		}, 10);
 
 		keyboard.$keyboard.find("button").on("mousedown", function(e) {
 			$(e.target).addClass("touch-focus");

diff --git a/source/js/components/keyboard.js b/source/js/components/keyboard.js
@@ -143,9 +143,13 @@ TouchUI.prototype.components.keyboard = {
 	},
 
 	onShow: function(event, keyboard, el) {
-		// Set
-		var prev = keyboard.$preview.get(0);
-		prev.selectionStart = prev.selectionEnd = prev.value.length;
+		// Set the input cursor to the end of the input field
+		setTimeout(function() {
+			var prev = keyboard.$preview.get(0);
+			if (prev) {
+				prev.selectionStart = prev.selectionEnd = prev.value.length;
+			}
+		}, 10);
 
 		keyboard.$keyboard.find("button").on("mousedown", function(e) {
 			$(e.target).addClass("touch-focus");