Input field not working in webgl build in mobile browser

Unity Engine
,
1

Hi,
Hope you are doing well!

I am using unity3d 2018.2.6f1 version. I build my project to webgl platform.In my project I use a textfield in which I can pass a text with native mobile keyboard.when I try to run same project on mobile browser keyboard is not open at all.Kindly go through with this issue as I posted the same on forum.if you need any further info then please me know I am available to provide you.

Many thanks
Aman

2

As the manual states the current WebGL build target doesn’t support mobile devices and hence mobile text input. Sorry.

We have something in the works especially for mobile browsers and instant games ECS for Unity but it is not released yet.

3

Maybe the solution posted in Keyboard input WebGL Mobile does the trick for you?

4

This is working for Android browser but not for iOS browser.Could let me know if there is any other wayout??

5

I don’t know of any, sorry.

6

I created a simple solution. Is possible check here: GitHub - eforerog/keyboardMobileWebGLUnity: Simple solution to show native keyboard in Unity on Mobile WebGL

I hope helps!

7

That’s how it looks like. There’s no way to show something like to our users, sadly.

4522510--418633--photo5089136646753986609.jpg

8

Thank you for your sample project.
In Android: It’s worked but have a problem:

  • In fullscreen mode: When I press in InputField, it show popup to input and I input somethings => press “OK” or “Cancel” => PROBLEM: It exit fullscreen mode and I can not scroll up/down on my phone.
9

Hi @eforerog
I test iOS => it worked. But it just show popup to type text (not title). I want to create a title on popup to show user know that what user need to type. Can you help me?

10

Hi @Schubkraft ,
Any solution to this?

1 Like
11

ios ok, but android sometime error.

12

I did my research and tried every plugin I could find. I used Unity 2020.3.28f1 and tested both on Android-phone and iPhone.Here is my report.

These plugins don’t work:
https://unitylist.com/p/f58/Unity-webgl-inputfield
https://github.com/eforerog/keyboardMobileWebGLUnity
https://github.com/dantasulisses/WebMobileInputFix

This plugin works, but you should use different settings for IOS and Android on same input field game object. If you use “prompt”, it works for IOS only, and “overlay” works for Android only. Look for documentation in page:

And this plugin works best at the moment. Yes, it is a bit ugly though, but it works.

And there is a fix for Unity 2021 for it:

3 Likes
13

After trying Kou-Yeung’s plugin on my last project with mixed results on different platforms in Unity 2021, I have written a lightweight custom solution. It is pretty straightforward and works across all browsers and devices, since it relies on Browser Pop-Up Boxes.

1920×974 103 KB

If you want to make your own plugin with that technique, essentially you will want to have a .jslib file with a function that calls the .js function window.prompt(description, currentText) and sends the result back to an object in unity once the user has confirmed or closed the prompt.
There is one additional thing you need to do: Overwrite the event system’s OnApplicationFocus(bool focus) function, to prevent a bug that occurs only in Chrome for Android. (Took me a while to find that one :smile: )
I have polished and released my implementation, so if you want to save some development time on a feature that really should just be native in Unity, you can also check out my plugin. Pop Input by neoludic games

edit: I have a small update, Pop Input is now also on the Asset Store! Woop! It took almost 2 months for Unity to realize that a .jslib file is in fat not a legacy .js file, but hey, here is to a more seamless integration of my plugin into your projects!

14

Just use legacy input field it don’t have such issue.

15

this didnt worked for me, i followed your advice, and i have the same problem still

16

I use a small script that helps to use the keyboard on the phone


using UnityEngine;
using TMPro;

public class WebGLInputList : MonoBehaviour
{
    public TMP_InputField[] inputFields; // Array of TMP InputFields
    private TouchScreenKeyboard[] keyboards; // Array of TouchScreenKeyboards

    void Start()
    {
        // Initialize the keyboards array to the same length as inputFields
        keyboards = new TouchScreenKeyboard[inputFields.Length];
    }

    void Update()
    {
        for (int i = 0; i < inputFields.Length; i++)
        {
            // Check if the current input field is focused and the keyboard is not already open
            if (inputFields[i].isFocused && (keyboards[i] == null || !keyboards[i].active))
            {
                // Open the soft keyboard for this input field
                keyboards[i] = TouchScreenKeyboard.Open(inputFields[i].text, TouchScreenKeyboardType.Default);
            }

            // Sync the input field with the keyboard input (in case keyboard is used)
            if (keyboards[i] != null && keyboards[i].active)
            {
                inputFields[i].text = keyboards[i].text;
            }
        }
    }
}
1 Like
17

Dude. You best of the best! Thanks. It’s really working.