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

bug: Click event on ion-item fires twice when ion-input is inside #29166

Closed
3 tasks done
aces-tm opened this issue Mar 15, 2024 · 2 comments
Closed
3 tasks done

bug: Click event on ion-item fires twice when ion-input is inside #29166

aces-tm opened this issue Mar 15, 2024 · 2 comments
Assignees
Labels

Comments

@aces-tm
Copy link

aces-tm commented Mar 15, 2024

Prerequisites

Ionic Framework Version

v7.x

Current Behavior

If there is a click event on ion-item and there is ion-input inside ion-item then if a user clicks on the padding area above ion-input then click event fires twice. In my case this opens a modal twice.

<ion-item (click)="clickMe()">
    <ion-input label="My label" label-placement="floating" readonly [value]="deafaultValue" type="text"></ion-input>
</ion-item>

This is the same issue as this one #26671 that is closed as Ionic team was not able to reproduce it.

Expected Behavior

Click event to fire once

Steps to Reproduce

If you click in the middle of ion-input integer will increase by 1. Click on the area above or below ion-input. Observe that integer will increase by 2

Code Reproduction URL

https://stackblitz.com/edit/angular-v1tuxo?file=src%2Fapp%2Fexample.component.html

Ionic Info

Ionic:

Ionic CLI : 7.2.0 (/Users/andjelicnikola/.nvm/versions/node/v20.9.0/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 7.7.2
@angular-devkit/build-angular : 17.2.0
@angular-devkit/schematics : 17.2.0
@angular/cli : 17.2.0
@ionic/angular-toolkit : 11.0.1

Capacitor:

Capacitor CLI : 5.7.0
@capacitor/android : 5.7.0
@capacitor/core : 5.7.0
@capacitor/ios : 5.7.0

Utility:

cordova-res : not installed globally
native-run : 2.0.1

System:

NodeJS : v20.9.0 (/Users/andjelicnikola/.nvm/versions/node/v20.9.0/bin/node)
npm : 10.2.3
OS : macOS Unknown

Additional Information

No response

@liamdebeasi
Copy link
Contributor

Thanks for the issue. I am going to close this as a duplicate of #28803 (comment).

@liamdebeasi liamdebeasi closed this as not planned Won't fix, can't repro, duplicate, stale Mar 15, 2024
Copy link

ionitron-bot bot commented Apr 14, 2024

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.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Apr 14, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

3 participants