Virtual keyboard on top of the input

I’m facing an issues with virtual keyboards on mobiles devices.

If you click on an input in the bottom of the page (any mobile device) the virtual keyboard is on top of the input.

I’ve reproduced the issue here: https://engasystatic.z6.web.core.windows.net/.

I cannot find any solution or workaround in the forum or documentation. Any advice is much appreciated!

BTW, I already tried the scrollIntoView using the onFocus event; however, the issue then is that I cannot scroll up anymore and there’s empty space on the bottom of the form.

Hello @zevenbergm,

I cannot find any solution or workaround in the forum or documentation. Any advice is much appreciated!

We were able to reproduce the issue. It is not entirely clear whether or not it is possible to alter this behaviour, as it is often forced by the device in question (and that is something that hardly can be changed at all).

As I’ve already mentioned in my reply to your message (over at support@webix.com), we will have to investigate this problem further. We will keep you posted upon any of our findings.

Hi Dzmitry,

Thanks for the update. I share my findings here as well to because maybe somebody on the forum can help us.

Today I did some further research:

It looks like that the rows and the scrollview are screwing the default browser behavior on mobile phones.

Since this is an urgent issue for us any help or workaround is very much appreciated.

@zevenbergm

I have a working but potentially dangerous solution to the problem. I still hope the webix team finds the problem in the core and fixes it, as the problem affects my application as well.

https://snippet.webix.com/mhjyvsjn

Hi @lBeJIuk

The bug related to UI position and scroll with the opened keyboard on Android is fixed in Webix 7.1 release (fullScreen mode required). According to our tests, it works well now, but if you have any further issue with this feature, we will be glad to help.