[solved] 300ms delay raising keyboard issue

Ionic Framework ionic-v3
1

Hi guys.

The problem is that using ionic event listeners like ‘click’ or ‘tap’ in situations where an input is behind a clickable div/button the tap/click event is propagated to the input 300 ms after and cause attached issue.

Tried adding the tappable directive which didn’t work as expected.

Using fastclick plugin seems to work but causes other issues (like d-click to activate a button) if attached to the whole document.
A way to go would be to attach fast click only to the buttons/divs that cause these issues but that doesn’t seem like a great solution.

Do you guys have this issue/recommend any better solutions?

Thanks!

L.E: Forgot to mention that this is only happening on iOS devices, android works fine.

cli packages:

    @ionic/cli-plugin-cordova       : 1.6.2
    @ionic/cli-plugin-ionic-angular : 1.4.1
    @ionic/cli-utils                : 1.6.0
    ionic (Ionic CLI)               : 3.6.0

global packages:

    Cordova CLI : 7.0.1

local packages:

    @ionic/app-scripts : 2.0.2
    Cordova Platforms  : android 6.2.3 ios 4.4.0
    Ionic Framework    : ionic-angular 3.5.3

System:

    Node       : v6.11.2
    OS         : macOS Sierra
    Xcode      : Xcode 8.3.3 Build version 8E3004b
    ios-deploy : 1.9.1
    ios-sim    : 5.0.13
    npm        : 3.10.10
2

UPDATE
adding ion-button component on the button solves the problem of the raising keyboard

<button ion-button (click)="username=''" class="btn-clear"></button>