Keyboard input WebGL Mobile

I have tried 2022 a13, tmp input field, webgl upload to simmer io, sadly keyboard did not show up (android 10, samsung j6).
But yeah release notes says it should be working in a13

 

Work in a13, but only in Legacy Input Fields (not TMP). It create additional HTML field for input. This is not thing I was waiting for...

 

Hello,

Can we get this feature backported to 2021.2 (or 2021.3)? I attempted to use 2022 for my project but it's unstable right now. What exactly did you turn on to allow this feature? Is it just creating a text field in Html and using that?

Thanks,
crafTDev

 

Looking forward to this feature! Will this also work for InputFields created with UI Toolkit?

 

Hi, first of all - thanks for your work on that topic!
Im really excited to see this coming.

Do you maybe already have a rough estimation, when we can test the updated TMP package?

I'm currently using "dirty" workarrounds, which..well lets say they do their job, but i'm not really happy with my solution

It looks like it is not yet in the TMP 4.2 preview.
https://docs.unity3d.com/Packages/c...hangelog/CHANGELOG.html#400-pre1---2021-10-27

I'll happily give feedback as soon as this lands in any preview/alpha/beta whatever versions

Update 2: The legacy input works like a charm! Now i'm rooting for the TMP one <3

 

Hey. in what version of unity you build that with sucess. its keep saying me cannot read properties of null when i have the overlay input. and in the popup one sometimes i press ok and it doesnt go. it just opens the popup again. do anyone have a workaround. i am desperatly working days on it.

Edit:it gives me this error on the console
Uncaught TypeError: Cannot read properties of null (reading 'style')
at HTMLInputElement.onclick

 

Still nothing about this in the last release Note for 2021.2.0...
https://unity3d.com/unity/whats-new/2021.2.0

However Accelerometer and other features related been fixed!

 

It seems to have landed in 2022.1
https://unity3d.com/beta/2022.1a

 

I also waiting for this feature
Hope everything could be ok

 

I can confirm that the 3rd party package https://github.com/kou-yeung/WebGLInput is working for IOS.

WebGL mobile input works for IOS 14.8.1 with an iPhone 8 input on Safari 15.0. This works using the "WebGL Input" (not "WebGL Input Mobile") component from the package attached to the InputField.

 

@brendanduncan_u3d thank u!
You are my personal hero of 2021!

 

Hello,

Does this work for TMP in 2022 yet?

Thanks,
crafTDev

 

It seem this still was not possible in 2022. TMPro is still not updated or even have experimental preview available

 

Thank you very much but I don't see it in package manager even I have enable preview package. Have I need to do something for it to show up?

 

Using "com.unity.textmeshpro": "3.2.0-pre.2" or even 4.0 in 2022.1.0b7 still could not conjure virtual keyboard for TMPro. Not only that, when I try to use external keyboard, it cannot focus on the input field I touched, it randomly focus on other input field in the canvas

This behaviour only appeared in mobile and not in PC version

Also the copy/paste is not actually work. It can only copy/paste in the unity itself but not really able to paste from outside clipboard

Do we have any url for working sample I could see for TMPro webgl?

 

Tested the keyboard for simple needs and it worked great!

We do have some extra needs from time to time, and we already have a custom keyboard that we use for those.

Is there a way to edit or disable the keyboard, so we'll be able to use a custom one?

Thanks.

@brendanduncan_u3d

 

#same am also facing this issue. @brendanduncan_u3d any solution for this. help out for this.

 

Is keyboard input working with TMP now? Which version of the TMP package?

 

No, not working yet.

 

Hello, i made this project that simply recreates a keyboard using buttons in unity.
i implemented it in a WebGL build succesfully.

https://github.com/thetimeste/WebGL-Build-Keyboard-Unity.git

I hope this comes in handy for you!

 

This works finally!

Thanks, guys!
crafTDev

 

Also, the Font is really blurred at the Bottom but I think that's the tmp pre-release...

 

I have the same issue as Thaina. How do you get TMP 3.2.0? When I look in Package Manager, it says the latest version is 3.0.6.

 

Enable pre-release in the settings. After that, add it by name (the + button). The name is the url : com.unity.textmeshpro and version is 3.2.0-pre.3 or anything else you want.

 

Hi Brendan, I was wondering if it is possible for user to override the method call to

Code (JavaScript):

1. function _JS_MobileKeyboard_Show(text, keyboardType, autocorrection, multiline, secure, alert, placeholder, characterLimit)

from the cs input class that calls it. This might allow us to customize the position of the html text box to the intended location instead of always remaining on the bottom.

 

For anyone wondering, this has NOT been added (or working) in 2021.3.6
TouchScreenKeyboard.Open does nothing when used in WebGL.


Might have to upgrade to 2022, will be testing soon.

 

Hi im into 2022.1.12f1
Im testing the input/mobile keyb funcionality, my scene loads fine, and placed two inputs fields, i touch them and nothing happens, do I have to invoke somehow?

A3

 

Using Unity 2022.1.13 and still can't get the keyboard on Android.

 

@brendanduncan_u3d using Unity 2022.2.0b10, textfield input by UI Toolkit and it always only works after 3-5 fast taps. However, once the keyboard pops up for a particular textfield, it then works just fine with normal 1 tap - but only in the current session. When you reload, it is all over again... I tried on several different android devices with chrome, always the same story.

Have any tips for what might be wrong in my project?

And thank you for all the good work!

 

Ok so can someone please tell me which version of Unity this has been battle tested and works. Do I need to set any variables? Will this work only with a particuler TMP version?

 

I can confirm that the virtual keyboard now appears when touching inside a TMP input field

... i had to upgrade my unity editor to 2022.2.2f1 and my textmeshpro to 3.2.0-pre.4 ... i did notice that my TMP labels look a bit funky now, so i need to investigate that.

thanks to all

 

Switched from 2020.3.34f1 to 2022.2.7f1 to check if the feature working in a webGL project and still NOT working.
Tested on both iPad& iPhone, Safari & Chrome.

Keyboard is simply not show while pressing a TMP textfield.

I'll run more test tomorrow.

Anyone?

EDIT : Actually TextMeshPro 3.06 is the last update and from 3.0.6 · April 22, 2021....
Shouldn't there some TMP package update since? ...

 

How did you manage to get that package version?
Tried the com.unity.textmeshpro@3.2 from the custom package name import field but nothing is coming...



EDIT 1 : It seems 4.0 pre1 is available...
Tried to modify the package manager json and restart Unity but obliviously didn't like it...



EDIT 2 : ok so I ignore safe more on restart, package manager showing up. TextMesh is F***ed...
.... and offer to update to 4.0.0 pre-2
How amazing is that...



Obviously TMP_FontAsset is depreciated in 4.0...
- https://docs.unity3d.com/Packages/com.unity.textmeshpro@4.0/api/TMPro.TMP_FontAsset.html
.... fixed the code... but whole font assets are F***ed... nice support!

EDIT 3 : It's funny cause even creating a default TMP Text won't draw any character...

EDIT 4 : Simply delete the TextMesh Pro (Essential Resources folder) and import it again.

Then finally yes the Keyboard is showing up on device using the TMP-InputField.

 

so bottom line is unity 2021 doesn't get this?

 

Yup as he said :
https://forum.unity.com/threads/keyboard-input-webgl-mobile.505193/page-2#post-8297757

2022.x is working a charm to be honest so not too bad to jump in it

 

famous last words

 

hey @brendanduncan_u3d, any idea why would this happen?:


tmpro 3.2.0-pre.4
unity 2022.1.24f1

Found some explanations on the JS side:
https://stackoverflow.com/questions/26658474/type-email-doesnt-support-selectionrange
https://stackoverflow.com/a/32855335/7127855

 

hi! thanks for the interest!

just curious, how do you plan to solve this? I see solutions like temporarily switching between the types. seems it's not that trivial, but from what I've read it's doable (not a JS expert here).

Also, just went on a bug reporting rampage related to TMPro & WebGL (the 1st one is the email issue):
IN-33303
IN-33305
IN-33306
IN-33307
IN-33311

 

Tried tmp 4.0?