Opening keyboard on android chrome breaks html

[Mesrine]

I have read that keyboard support for Android Chrome has some problems.

But apart from those problems, I have strange behavior on my web app when inputting text on TextField.

The thing is that the div that shows the Qt app has to change visibility at user interaction.
At some point, the app shows a map(using javascript) while the Qt app div is hidden and at another point, the Qt app is visible while the map is hidden.

But interestingly when trying to input text on the Qt app it opens the keyboard but hides the qt app(visibility: hidden;) and the map becomes visible(visibility: visible;).

I have tried using the z-index property instead of visibility the property is changed automatically when opening the keyboard on Chrome for android.

You can test the behavior on this client

To be able to see a locker on the map one needs to set a Server.
And the Server account(rms1....) has to have coins.
One can get coins by entering the server account on this site.

If you know how to get around this, I would much appreciate you share it.

[Mesrine]

@Mesrine

The issue is not related to Qt for webassembly.
The issue is related to opening a keyboard on mobile browsers triggers the window's resize event.
The latter was used by my app to hide and show elements.