bug: Conflict between ion-input “disabled” and ion-button

[polfernandez]

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

• v4.x
• v5.x
• v6.x
• Nightly

Current Behavior

Using Ionic 6.1, I am trying to have an ion-item that contains both a disabled input and an enabled ion-button. However, adding the disabled flag to the input causes the button to be disabled (although its color remains as if enabled). (Removing disabled from the input, or replacing it with readonly makes the button work again.)
Here is the code where I discovered this effect:

      <ion-item>
        <ion-label position="floating">Email pending verification</ion-label>
        <ion-input [value]="user.email_to_be_verified" disabled></ion-input>
        <ion-button slot="end" (click)="saveAccount(true)">
          Cancel
        </ion-button>
      </ion-item>

Expected Behavior

Ionic button should be clickable even if ion-input is disabled.

Steps to Reproduce

  <ion-item>
    <ion-label position="floating">Email pending verification</ion-label>
    <ion-input [value]="user.email_to_be_verified" disabled></ion-input>
    <ion-button slot="end" (click)="saveAccount(true)">
      Cancel
    </ion-button>
  </ion-item>

Code Reproduction URL

No response

Ionic Info

Ionic:

Ionic CLI : 6.13.1 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 6.1.7
@angular-devkit/build-angular : 13.3.7
@angular-devkit/schematics : 12.2.14
@angular/cli : 13.1.2
@ionic/angular-toolkit : 4.0.0

Capacitor:

Capacitor CLI : 3.5.1
@capacitor/core : 3.5.1

Utility:

cordova-res : not installed
native-run (update available: 1.6.0) : 1.5.0

System:

NodeJS : v18.2.0 (/usr/local/bin/node)
npm : 8.9.0
OS : macOS

Additional Information

No response

[polfernandez]

related to #18670, which says that by adding:
ion-item { pointer-events: auto; }

it triggers the button event.

[liamdebeasi]

Thanks for the issue. I am going to close this as a duplicate of #23331. The issue specifically mentions ion-chip, but it applies to ion-button as well.

[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.