Windows faucet takes a long time to respond

I created an Ionic 2 app. Now I have my buttons configured like this:

<button class="my-button" (tap)="doSomething()" tappable></button>

Now tappable

should remove the 300ms delay on the tap.

Ionic docs aren't too big on gestures, but here's a demo of how tap should work

The problem I'm running into is that when building for windows, the buttons are still very slow to respond to the tap event. Why is this? On iOS and Android they are very fast.

I thought it might have something to do with loading the pages after the button was clicked, but this is not the case as normal buttons on the page

$ cordova platform version windows
 Installed platforms:
  android 5.0.0
  ios 4.3.1
  windows 4.4.3

      

Note that using (click)

instead (tap)

does not solve the problem.

Edit 1 . This problem does not occur in the emulator.

+3


source to share


2 answers


It turns out this is a problem with ionic

.

After updating my ionic versions, creating a new project, and copying all my pages and logic from my previous project to a new one, taps, clicks and animations are now very fast.

The commands I used:

  • npm uninstall -g ionic cordova

  • npm install -g ionic cordova

  • (copy src, assets, config.xml, index.html)
  • ionic cordova run windows --prod --release --arch="arm"



Previous ionic versions:

$ ionic info

Your system information:

Cordova CLI: 6.4.0
Ionic Framework Version: 2.3.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.3.7
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v6.9.1
Xcode version: Not installed

      

New ionic version:

$ ionic info

cli packages: (C:\Users\ivaro18(no-not-serious)\AppData\Roaming\nvm\v6.9.1\node_modules)

    @ionic/cli-utils  : 1.9.2
    ionic (Ionic CLI) : 3.9.2

global packages:

    Cordova CLI : 7.0.1

local packages:

    @ionic/app-scripts : 2.1.3
    Cordova Platforms  : android 6.2.3 windows 5.0.0
    Ionic Framework    : ionic-angular 3.6.0

System:

    Android SDK Tools : 25.2.2
    Node              : v6.9.1
    npm               : 3.10.8
    OS                : Windows 10

      

+1


source


I don't use ionic but found that (faucet) doesn't work well on touchscreens. It helped me:

touch-action is also often used to completely disable the latency of click events caused by double-tap support for increased gestures.



button{
    touch-action: manipulation;
}

      

+1


source







All Articles