Extremally slow response of input control

[Adam Garbinski]

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.

[Maryna Brodina]

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.

[Adam Garbinski]

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?

[Kateryna Grynko]

Hi Adam,

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

[Adam Garbinski]

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?

[Kateryna Grynko]

Adam,

We'll test this.

[Kateryna Grynko]

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.

[Adam Garbinski]

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.