ionic-team / ionic-team/ionic-framework
bug: ion-button-segment with content-id cannot be disabled
- 主要言語
- 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