bug: checkbox not working inside Swiper with allow-touch-move="false"

[BugProg]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v7.x

Current Behavior

Sometimes the click is not taken into account.

signal-2023-08-09-144539.mp4

Expected Behavior

All the checkbox should be checked.

Steps to Reproduce

1. Init Swiper in Angular and Ionic project.
2. Add allow-touch-move="false" option.
3. Add list of ion-checkbox.

Code Reproduction URL

https://github.com/BugProg/-ion-checkbox

Ionic Info

Ionic:

Ionic CLI : 7.1.1 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 7.2.2
@angular-devkit/build-angular : 16.1.8
@angular-devkit/schematics : 16.1.8
@angular/cli : 16.1.8
@ionic/angular-toolkit : 9.0.0

Capacitor:

Capacitor CLI : 5.2.2
@capacitor/android : 5.2.2
@capacitor/core : 5.2.2
@capacitor/ios : not installed

Utility:

cordova-res : 0.15.4
native-run : 1.7.2

System:

NodeJS : v18.16.1 (/usr/bin/node-18)
npm : 9.5.1
OS : Linux 6.4

Additional Information

No response

[liamdebeasi]

Thanks for the issue. I am going to close this as this is not a bug in Ionic Framework. The problem here is Swiper is calling event.preventDefault() which blocks the default browser behavior from occurring. When this happens on ion-checkbox this prevents the native checkbox inside of ion-checkbox from toggling. We do have plans to change this so ion-checkbox listens for a click event instead of the native checkbox's change event. This work is being tracked in #27169.

[BugProg]

Thank you for your answer. 😄
I did not see that.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.