Add an action to focus a text input object (#5268)

* Useful to let the player type something without having them manually clicking/touching the input on the screen.
4ian · May 1, 2023 · cc0a01b · cc0a01b
1 parent a0fb289
commit cc0a01b
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 0 deletions.
diff --git a/Extensions/TextInput/JsExtension.js b/Extensions/TextInput/JsExtension.js
@@ -561,6 +561,20 @@ module.exports = {
       .getCodeExtraInformation()
       .setFunctionName('isFocused');
 
+    object
+      .addScopedAction(
+        'Focus',
+        _('Focus'),
+        _('Focus the input so that text can be entered (like if it was touched/clicked).'),
+        _('Focus _PARAM0_'),
+        _(''),
+        'res/conditions/surObjet24.png',
+        'res/conditions/surObjet.png'
+      )
+      .addParameter('object', _('Text input'), 'TextInputObject', false)
+      .getCodeExtraInformation()
+      .setFunctionName('focus');
+
     return extension;
   },
   /**

diff --git a/Extensions/TextInput/textinputruntimeobject-pixi-renderer.ts b/Extensions/TextInput/textinputruntimeobject-pixi-renderer.ts
@@ -289,6 +289,12 @@ namespace gdjs {
     isFocused() {
       return this._input === document.activeElement;
     }
+
+    focus() {
+      if (!this._input) return;
+
+      this._input.focus();
+    }
   }
 
   export const TextInputRuntimeObjectRenderer = TextInputRuntimeObjectPixiRenderer;

diff --git a/Extensions/TextInput/textinputruntimeobject.ts b/Extensions/TextInput/textinputruntimeobject.ts
@@ -429,6 +429,10 @@ namespace gdjs {
     isFocused(): boolean {
       return this._renderer.isFocused();
     }
+
+    focus(): void {
+      this._renderer.focus();
+    }
   }
   gdjs.registerObject(
     'TextInput::TextInputObject',