ionic-team / ionic-team/ionic-framework

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

オープン
#30,662 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
triage
主要言語
TypeScript
スター
52.7k
フォーク
13.3k
平均マージ
1日 15時間
マージ済み PR(30日)
51

説明

### Prerequisites

- [x] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#creating-an-issue).
- [x] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [x] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/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

```


First


Second

First
Second

```

### 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_

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

Start with the ion-segment-button and ion-segment-content behavior in the Angular reproduction, focusing on how content-id connects a button to its content. Use the provided StackBlitz reproduction to confirm that the disabled second button remains interactive. Done means the disabled button is no longer interactable while the enabled button still works.

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
frontend, web-dev
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
45/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。