bug: click listener taking time to respond

[indraraj26]

Bug Report

Ionic version:

[ ] 4.x
[x] 5.x

Current behavior:

When i click on go to search button it is taking time to route to search-box
Repo: https://github.com/indraraj26/ionic5-starter-tabs-sidemenu/tree/click-listener
reproduce:

1. ionic serve
2. click on go to otp
3. click on go to home
4. click on go to search
5. then back
6. click on go to search

repeat 4, 5, 6 step

Expected behavior:

When you click on search button it should route instantly

Steps to reproduce:

Related code:

insert short code snippets here

Other information:

Ionic info:

ionic info

Ionic:

   Ionic CLI                     : 6.11.0 (C:\Users\indra26\AppData\Roaming\npm\node_modules\@ionic\cli)
   Ionic Framework               : @ionic/angular 5.3.2
   @angular-devkit/build-angular : 0.1000.8
   @angular-devkit/schematics    : 10.0.8
   @angular/cli                  : 10.0.8
   @ionic/angular-toolkit        : 2.3.3

Cordova:

   Cordova CLI       : 10.0.0
   Cordova Platforms : android 9.0.0
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 6 other plugins)

Utility:

   cordova-res : 0.15.1
   native-run  : 1.0.0

System:

   Android SDK Tools : 26.1.1 (C:\Users\indra26\AppData\Local\Android\Sdk)
   NodeJS            : v10.16.3 (C:\Program Files\nodejs\node.exe)
   npm               : 6.9.0
   OS                : Windows 10

[liamdebeasi]

Thanks for the issue. What device are you testing this on? I am getting a ~180ms initial load for the page, but subsequent visits to the page are fine.

[indraraj26]

i have tested on chrome desktop browser as well as on device with android 7.1.2 chrome engine 85 something.
Everything is up to date.

[liamdebeasi]

What kind of Android device?

[indraraj26]

Redmi 4A (Mi brand)

[indraraj26]

From browser mobile mode

if you select pixel 2 device
output:

if you select Galaxy S5 device
output:

if you enable enableTracing: true app-routing.module.ts
output:

If you replace ion-row and ion-col with div only first navigation you might get ~180ms and subsequent visit to search-box is working fine.

====================================================

From my physical device android redmi 4a 7.12

VIDEO: https://www.youtube.com/watch?v=VlsbbX51-fw

[indraraj26]

Hey @liamdebeasi ,

what might be the issue ?

Thank you

[indraraj26]

Hi,

Ionic team any updates ? what could be the issue ?

Thank You

[liamdebeasi]

Hi there,

We've been looking at this, and it looks like something in Angular is causing this issue. We are going to get in touch with an Angular team member to get a better idea of what is going on and will provide an update here when we have it.

[liamdebeasi]

Thanks for the issue, and apologies for the delay. After updating to the latest versions of Ionic and Angular, I am no longer able to reproduce this behavior.

I am going to close this, but if you run into this again please feel free to open another issue with a code reproduction. Thanks!

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.