Adaptive input fields for the phone

edited July 26 in General

There is a form with login and password. The problem is that the keyboard climbs onto the input fields themselves.
https://snippet.webix.com/vfrzm8w4
// Help solve the problem please.

Comments

  • edited July 26

    Hey @XOLDEN, unfortunately it is a known bug with Android devices and we're not able to fix it on our side just yet. However, as a workaround, you can force the use of a native scroll,

    body { overflow:auto !important; }
    

    here is an example of how this would look in the code:

    https://snippet.webix.com/v2hbck61

    I've also hosted a demo for you to see here: https://scroll-test.netlify.com/. Please try it out on your mobile device. According to our limited testing, this should cover your use case.

    I would also like to note that it is best to wrap your code in

    webix.ready(function(){
       if ( webix.env.touch ){         // if touch device is detected
           webix.ui.fullScreen();
           webix.Touch.limit(true);
       };
    
       webix.ui({ ... })
    });
    

    for the most optimal experience on touch devices.

  • thx a lot

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion