bug: ion-button-segment with content-id cannot be disabled

[jongbonga]

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

v8.x

Current Behavior

When setting [disabled]="true" on an ion-segment-button with content-id matching a ion-segment-content, the button can still be interacted with.

Expected Behavior

The disabled button shouldn't be interactable

Steps to Reproduce

<ion-segment>
  <ion-segment-button value="first" content-id="first">
    <ion-label>First</ion-label>
  </ion-segment-button>
  <ion-segment-button value="second" content-id="second" [disabled]="true">
    <ion-label>Second</ion-label>
  </ion-segment-button>
</ion-segment>
<ion-segment-view>
  <ion-segment-content id="first">First</ion-segment-content>
  <ion-segment-content id="second">Second</ion-segment-content>
</ion-segment-view>

Code Reproduction URL

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

Ionic Info

Ionic:

   Ionic CLI                     : 7.2.1 (/Users/jongbonga/.nvm/versions/node/v20.19.4/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 8.7.3
   @angular-devkit/build-angular : 19.2.15
   @angular-devkit/schematics    : 19.2.14
   @angular/cli                  : 19.2.14
   @ionic/angular-toolkit        : 12.3.0

Capacitor:

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

Utility:

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

System:

   NodeJS : v20.19.4 (/Users/jongbonga/.nvm/versions/node/v20.19.4/bin/node)
   npm    : 10.8.2
   OS     : macOS Unknown

Additional Information

No response