Skip to content
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

Cordova - cannot single-tap QItem (with tag="label") and QRadio/QCheckbox #8339

Closed
nicholaszuccarelli opened this issue Jan 19, 2021 · 13 comments

Comments

@nicholaszuccarelli
Copy link

I'm struggling to use the implementation as outlined on https://quasar.dev/vue-components/radio#With-QItem
(Same applies with QCheckbox).

This implementation works fine normally (through the mobile browser and directly on desktop), but via Cordova you must double-tap on the QItem for it to register and change the QRadio value.

@rstoenescu
Copy link
Member

Are you using Ionic Webview as indicated in the docs?

@nicholaszuccarelli
Copy link
Author

nicholaszuccarelli commented Jan 19, 2021

Are you using Ionic Webview as indicated in the docs?

Yes, I am using it.
I'll also add that it was happening on IOS. Didn't test on Android

@rstoenescu
Copy link
Member

rstoenescu commented Jan 19, 2021

For completeness, can you post a snippet of the whole QItem pls?

@nicholaszuccarelli
Copy link
Author

For completeness, can you post a snippet of the whole QItem pls?

Absolutely.

image

The structure is the exact same as the example you have in the docs, however messageType is a local variable in my component.

On web/browser, I am able to tap the QItem. On Cordova, if I tap the item, it activates the v-ripple but doesn't change the value of the QRadio.
I need to double-tap on the QItem in order for it to change the QRadio value.
If I tap on the actual QRadio element, it will change correctly.

This was tested on iPhone 6S.

@nicholaszuccarelli
Copy link
Author

nicholaszuccarelli commented Jan 19, 2021

I just created a fresh Quasar app and copied that code, loaded into Cordova and I am having the same result.

EDIT:
Also happening with QCheckbox.

This is only on iOS.
I booted the app on Android and they both work as expected.

@nicholaszuccarelli
Copy link
Author

Fresh project here with QRadio and QCheckbox

https://github.com/nicholaszuccarelli/virtual_scroll_bug

@rstoenescu
Copy link
Member

What is the iOS version running that device?

@nicholaszuccarelli
Copy link
Author

What is the iOS version running that device?

iPhone 6S. Latest version of iOS 14. Can’t remember the exact version, but either 14.2 or 14.3

@nicholaszuccarelli
Copy link
Author

@rstoenescu Sorry, I was only able to just check the phone and it is running iOS 14.0.1
I am updating it to 14.3 now and will report back if the bug is happening on that version too.

@nicholaszuccarelli
Copy link
Author

I have run it on iOS 14.3 and am still having the same bug.

@xiaoxiao99
Copy link

For others who reached this thread by search. This issue seems finally addressed in #13619

@rstoenescu
Copy link
Member

Is this still happening? It should not. Please comment so I can reopen if it's still an issue. Thank you.

@xiaoxiao99
Copy link

I saw this issue in earlier version, but confirmed it is already fixed with latest (Quasar V2.14.7)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants