@needle-tools/engine 4.12.1 → 4.12.3-next.a27c12e

package/src/engine-components/ui/InputField.ts

@@ -3,7 +3,7 @@ import { FrameEvent } from "../../engine/engine_setup.js";
 import { DeviceUtilities, getParam } from "../../engine/engine_utils.js";
 import { Behaviour, GameObject } from "../Component.js";
 import { EventList } from "../EventList.js";
-import { type IPointerEventHandler,PointerEventData } from "./PointerEvents.js";
+import { type IPointerEventHandler, PointerEventData } from "./PointerEvents.js";
 import { Text } from "./Text.js";
 import { tryGetUIComponent } from "./Utils.js";
 
@@ -111,8 +111,8 @@ export class InputField extends Behaviour implements IPointerEventHandler {
             this.setTextFromInputField();
         }
         else {
-            if(this.textComponent) this.textComponent.text = "";
-            if(this.placeholder) GameObject.setActive(this.placeholder.gameObject, true);
+            if (this.textComponent) this.textComponent.text = "";
+            if (this.placeholder) GameObject.setActive(this.placeholder.gameObject, true);
         }
     }
 
@@ -128,7 +128,7 @@ export class InputField extends Behaviour implements IPointerEventHandler {
 
     onPointerEnter(_args: PointerEventData) {
         const canSetCursor = _args.event.pointerType === "mouse" && _args.button === 0;
-        if(canSetCursor) this.context.input.setCursor("text");
+        if (canSetCursor) this.context.input.setCursor("text");
     }
     onPointerExit(_args: PointerEventData) {
         this.context.input.unsetCursor("text")
@@ -256,10 +256,15 @@ export class InputField extends Behaviour implements IPointerEventHandler {
 
     private selectInputField() {
         if (InputField.htmlField) {
-            if (debug) console.log("Focus Inputfield", InputField.htmlFieldFocused)
+            if (debug) console.log("Focus Inputfield", InputField.htmlFieldFocused, InputField.htmlField);
+
             InputField.htmlField.setSelectionRange(InputField.htmlField.value.length, InputField.htmlField.value.length);
-            if (DeviceUtilities.isiOS())
+
+            if (DeviceUtilities.isiOS()) {
+                // in WebXR (iOS AR Safari) display can not be none to focus input it seems
+                InputField.htmlField.style.display = "block";
                 InputField.htmlField.focus({ preventScroll: true });
+            }
             else {
                 // on Andoid if we don't focus in a timeout the keyboard will close the second time we click the InputField
                 setTimeout(() => InputField.htmlField?.focus(), 1);