question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Cordova iOS - cannot click buttons a second time if they have the loading prop

See original GitHub issue

Got myself another wierd bug on iOS (Cordova 9, ionic webview).

If I have a button, say <q-btn color="green" icon-right="done" @click="saveDetails" label="Save" :loading="loading" />

When I click on the button the first time, it activates my saveDetails method, which will set a variable loading to true. Once the request is done, it sets loading back to false.

During this process, the loading prop on my btn will correctly show the loading spinner, however, if I try click on “Save” subsequent times afterward, it does nothing - the button cannot be clicked.

I checked the classes that Quasar adds to the button, and I noticed that the button has the class non-selectable (which was added when loading = true. I gather that it is not being removed when loading is reset back to false?

Oddly enough, this issue is only happening on Cordova iOS. If I try it in the browser this bug does not occur.

Let me know if I can provide any other details.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5

github_iconTop GitHub Comments

2reactions
pdanpdancommented, May 5, 2020

Duplicate of #6947, #6946, #6945 Upgrade to 1.10.4 and reopen if still present.

0reactions
nicholaszuccarellicommented, May 5, 2020

V1.10.1

Read more comments on GitHub >

github_iconTop Results From Across the Web

Links (and clicks) fail to open with Cordova on iOS 8.4.1
The issue was addressed through restricted click propagation." So I suppose if the button on the active state is set to the lower...
Read more >
Cordova iOS 6.1.0 Released!
A bug in Cordova iOS 6.0.0 would cause the splashscreen to be invisible unless a BackgroundColor preference was set in config.xml . This...
Read more >
Cordova - Quick Guide
Cordova - Quick Guide, Cordova is a platform for building hybrid mobile applications using HTML, CSS and JavaScript.
Read more >
Step by step guide to setup and configure Cordova for iOS ...
You can set the SplashScreen delay, we chose 3 seconds to give the React app a little bit of time to load before...
Read more >
How to Build an Ionic 4 App with SQLite Database & ...
If your app needs a solid database or you already got data that you want ... ionic cordova plugin add cordova-sqlite-storage ionic cordova...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found