Forum | Appery.io

Hello,

I have encountered the following problem. When I put an input control on my page and then make this input invisible (by unchecking 'Visible' in its properties) and then I try to make this input visible during the app runtime then it becomes extremally slow to respond. I have to wait for about 2 minutes for the input keboard to display.

Steps to reproduce:

1) Open the app '3mamcukier' (shared with Appery support).
2) Open the page called 'Ulubione'.
3) Tap on the button 'Test' located in the page header.
4) Tap on the input field that shows up.
5) Do something useful for you or your colleagues in the meantime

Conditions:

1) Does not happen on the start page on the app, it only affects all other pages.
2) Happens only when you invoke the action of showing the input from the control that is placed in the page header. For example, if you move that 'Test' button from the header area to the mobilecontainter area of the page then the problem is gone and the input responds quickly.
3) Does not matter if you use built in 'Visible' action of Appery or run Javascript with show() method.
4) Only affects mobile devices (iPhone, iPad). On the web tester no such issue.

Please help me remedy this problem.

Hello! Try do not make it invisible in builder, try to do that with JS on page Show event. You can also make it visible with JS when it's necessary.

Thanks Maryna, but it is still slow to respond. As you suggested, I have made it visible in builder but added this on 'Page show' event:
Appery('testinpt').hide();

On 'Click' event this:
Appery('testinpt').show();

but still the same issue. Any ideas?

Hi Adam,

Please try adding this style to the Input component:pre-webkit-user-select: auto !important;/pre

Hi Katya,
Thanks, seems to be working partially. Works on iPhone and on Android device. But on iPad the issue persists, still 2 minutes to input responce.
Can you do some more checks please?

Adam,

We'll test this.

Adam,

What is the iOS versions on your iPhone and iPad? Try calling Input focus programmatically:preAppery("myinput").focus();/preWhere 'myinput' is a name of your Input component.

Katya,
For iPad it is 7.0, for iPhone 7.0.4.
I was struggling a lot with this, but finally it seems to be working OK on both devices.
In case there are new developments on that issue I will post an update.
Thanks and bye.