HTML5 is Doing a Zoom when opening the virtual keyboard

Question

Hello,

I have an application that uses a Textedit as an input. It is compiled as HTML 5

I use :

func _on_EditAnswer_focus_entered():
  OS.show_virtual_keyboard()

to open the Virtual Keyboard. Everything works as usual on Android and Desktop but on IOS, the text edit jumps out oft the edit and zooms in. This makes the app unusable.

I have a version of the application here: https://luckienoob.itch.io/testcompile-1

Here is how it looks on andoid https://imgur.com/a/C9KeRQJ the keyboard opens up and the focus stays in the edit. Now the user can type in things and everything works as it should

This happens on Iphone: https://imgur.com/a/PiujyME The Textedit loses the focus and jumps to a black place. Also the app zooms in. So overall it is not usable from here. There is no way to reset the focus and enter the edit again.

When this Zooming thing happens, the text that is typed on the keyboard actually gets in the edit although it looks like the courser is in the black. But the zoom makes it impossible to see the edit anymore.

How can I get rid of this Zoom that only appears on IOS ?

Comments

I couldn't solve it but here is an okayish workaround:

func _on_EditAnswer_focus_entered():
    var agent = JavaScript.eval("navigator.userAgent" ,true)
    if("iPhone" in agent): 
        $EditAnswer.text = JavaScript.eval("prompt('%s', '%s');" % ["Please enter Answer:", $EditAnswer.text], true)

    else:
        OS.show_virtual_keyboard()