-
-
Notifications
You must be signed in to change notification settings - Fork 3.6k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Significat tap delay in Fresh cordova app #1269
Comments
Hi, What Quasar version are you using? 0.6.4 is the Quasar CLI version. |
I'm using 0.14.4. I guess It was automatically selected by the CLI ? I can see there is a version 0.15 how do I initiate with latest version ? |
I tried to switch to 0.15 but was unable. However I managed to upgrade to 0.14.7. But it did not help. |
Can anyone reproduce this? |
I'm noticing similar results, though I haven't explored it very much yet. |
I'm noticing similar results too :[ |
As stated in #1369 I've been experiencing this as well (v0.14), but on chrome dev tools android emulator (device toolbar) and chrome browser (android app), there's a slight delay when pressing a router-link tab. Looks like the underlying implementation of If I have to give my $ 0.50, I'd blame
Isn't it possible to get rid of all that router link mixin / implementation and simply work with programmatic navigation? Thus working with Demo https://youtu.be/iHTzxNyQw60 Code <q-tabs slot="footer"
position="bottom"
:color="appColor"
align="justify"
:two-lines="false"
class="non-selectable">
<q-route-tab replace to="/route/tab1"
icon="devices_other"
slot="title" />
<q-route-tab replace to="/route/tab2"
icon="store"
slot="title" />
<q-route-tab replace to="/route/tab3"
icon="room_service"
slot="title" />
<q-route-tab replace to="/route/tab4"
icon="local_activity"
slot="title" />
</q-tabs> Although in this example looks like it works fine https://codesandbox.io/s/381l9rz8wm so I don't really know atm |
Hi All, This is NOT Quasar related. It is specific to iOS alone. Even with the latest webkit updates, unfortunatley iOS standalone apps still have the 300ms click delay, so we need to bring in fastclick to alleviate this. What to do for pre v0.15: npm install fastclick, then in main.js
In v0.15, this will be handled automatically (injected only when building with cordova mode for iOS platform) so you don't need to worry about it. Pushing a commit tomorrow for this (on v0.15) and closing the bug. |
How can this be an iOS specific issue if I'm experiencing it on android 5.1 and Chrome's devtools android emulator as well. Probably you meant WebKit itself? I already tried integrating fastclick but it didn't work, I don't think the 300ms rule has something to do with this. See this answer https://stackoverflow.com/a/27175671/2474872 Edit: I just tried FastClick again, it just doesn't work. Even tried following this article https://developers.google.com/web/updates/2013/12/300ms-tap-delay-gone-away with html {
touch-action: manipulation;
} without success. I strongly believe the problem is within |
@Frondor Ok, these are two separate issues. I re-read yours and it's nothing to do with this one. So let's continue your talk on the initial ticket (reopened it). Agreed? This one relates to iOS only and on iOS they haven't removed the 300ms delay (for standalone apps only! -- so that's PWA or Cordova). It's easily reproducible and the fix I mentioned above is valid. With Android, on the other hand, there's another story. It's been a long time since they removed the delay. Pushing a fix today for v0.15. |
@Frondor Actually, pls open a new ticket with your issue. Thanks. |
Pushed a commit for CLI (v0.15) just now to automatically inject Fastclick when building a Cordova app targetting iOS. Thanks for reporting. |
Confirmed the workaround! Thanks. |
This helped until I found the fastclick iOS resume bug, where it freezes on app resume. So I edited my package.json (calling this repo, based off this pull request, responding to this issue), npm uninstalled and reinstalled fastclick, and then the workaround above continued to work: "dependencies": {
"axios": "^0.18.0",
"fastclick": "github:lasselaakkonen/fastclick"
}, |
I had problem with IOS delay in cordova app, and just solution that offered @danicholls solved my problem! THX! p.s i have very strange problem. on ios i had tap on some inputs around 300ms and just after that input going selected. |
Without seeing any specifics, especially if wrapped in a |
Quasar: v0.14.4
OS: macOs Sierra
Node: v8.9.0
NPM: 5.5.1
iOS: 11.1.2
Error
When running a simple Quasar app with a toggle button in Cordova on simulator and iPhone there is a very noticeable delay when clicking a button.
Expected
I expected the button to be as fast as for example clicking a toggle button found in the admin example:
https://github.com/odranoelBR/vue-quasar-admin-example
Steps:
Created new app
Added build.json file to cordova root:
Changed Hello.vue to:
Started the app:
To me it seems like fastclick is not working. The delay is at least 300ms.
The text was updated successfully, but these errors were encountered: