[HTML5] Experimental (opt-in) virtual keyboard support.

[Faless]

In this PR:

• Add IME support check in LineEdit/TextEdit (avoid spamming "IME is unsupported" when the DisplayServer report it as such)
• Opt-in virtual keyboard support for the HTML5 platfform.

Added as an export option "Experimental Virtual Keyboard".

There is no zoom, so text/line edit must be in the top part of the screen, or it will get hidden by the virtual keyboard.
UTF8/Latin-1 only (I think regular UTF-8 should work out of the box in 4.0 but I can't test it).

It uses an hidden textarea or input, based on the multiline variable, and only gets activated if the device has a touchscreen.

This could cause problems on devices with both touchscreen and a real keyboard (although input should still work in general with some minor focus issues). I'm thinking of a system to detect the first physical keystroke and disable it in case, but it might do more harm then good, so it must be well thought.

Closes #41097
Fixes #32680

[akien-mga]

Thanks!

[jjcampis]

hello, how can i implement this in godot 3.2?

i need this because i need to implementing in a webview and the 3.3 uses fetch api, and i needed in xhr, thanks

[Calinou]

hello, how can i implement this in godot 3.2?

You can try to backport the patch manually to the 3.2 branch then compile custom HTML5 export templates, but there may be merge conflicts you have to solve before it can compile.

[schweigert]

This saved my life. Thank you very much @Faless

[jet-amp]

Hi, if you use this on iPhone it will automatically zoom into a LineEdit and left user with no option to zoom out (even pinch to zoom out is not working). Also they will be a misplace typing cursor appear on the screen.

[Calinou]

Hi, if you use this on iPhone it will automatically zoom into a LineEdit and left user with no option to zoom out (even pinch to zoom out is not working). Also they will be a misplace typing cursor appear on the screen.

Please open a new issue with a minimal reproduction project attached.

[panda666x]

LineEdit

Hi, if you use this on iPhone it will automatically zoom into a LineEdit and left user with no option to zoom out (even pinch to zoom out is not working). Also they will be a misplace typing cursor appear on the screen.

input{
font-size:16px;
}

in the header (in the style tag) of the output HTML file.

[ElvisVilla]

Hi, if you use this on iPhone it will automatically zoom into a LineEdit and left user with no option to zoom out (even pinch to zoom out is not working). Also they will be a misplace typing cursor appear on the screen.

Im having exacly the same, issue, with Godot 3.5, did you found a solution for this, is there at least a way that we can zoom out after the virtual_keyword went hide? I would appreciate the help, this bug makes the app unsuable.

[Calinou]

@ElvisVilla Please open a new issue with a minimal reproduction project attached.

It sounds like this particular issue could be resolved by changing the meta name="viewport" tag in the HTML template from:

<meta name="viewport" content="width=device-width, user-scalable=no">

to:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

See https://weblog.west-wind.com/posts/2023/Apr/17/Preventing-iOS-Safari-Textbox-Zooming for details. This should only be done for iOS Safari to avoid harming accessibility on other platforms though.